Dear color lovers – together, we’ll have a more colorful future. Support us on

CSS Gradienten:
#CBCAACCE

Information

schließe alle

Lassen Sie sich CSS Farbverläufe aus zwei Farbtönen wie dem Grundfarbton und der Komplementärfarbe vorschlagen.

Finde Beispiele für Lineare und Radiale Farbübergänge.

Einfach für Webdesign: Kopieren Sie den CSS-Code zum einfachen integrieren auf Ihrer Webseite.

Lassen Sie CSS Farbverläufe aus zwei Farbtönen wie dem Grundfarbton und einem helleren Farbton vorschlagen.

Finde Beispiele für Lineare und Radiale Farbübergänge von Hellere Farbtöne.

Einfach für Webdesign: Kopieren Sie den CSS-Code zum einfachen integrieren auf Ihrer Webseite.

Lassen Sie CSS Farbverläufe aus zwei Farbtönen wie dem Grundfarbton und einem dunkleren Farbton vorschlagen.

Finde Beispiele für Lineare und Radiale Farbübergänge von Dunklere Farbtöne.

Einfach für Webdesign: Kopieren Sie den CSS-Code zum einfachen integrieren auf Ihrer Webseite.

Anzeigeoptionen

Beschreibung

Helle Farbe: hohe Farbwerte erzeugen einen hellen Eindruck.

Die Aufschlüsselung der Farbe in das RGB-Farbsystem: In diesem Farbton sind von 255 maximalen Farbanteilen jeweils 203 Rot, 202 Grün und 172 Blau.

Aus dem Mischverhältnis dieser Farben ergibt sich der angezeigte Farbton in der Mitte der Überschneidungen.

In der Darstellung siehst du, wie die Farbe aus den drei Bestandteilen Rot (oben), Grün (rechts unten) und Blau (links unten) zusammengestellt wird. Mittig ist die Ergebnissfarbe zu sehen.
203 202 172 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils keine Cyan, keine Magenta, 12 Gelb und 17 Schwarz.

Aus dem Mischverhältnis dieser Farben ergibt sich der angezeigte Farbton in der Mitte der Überschneidungen.

In der Darstellung siehst du, wie die Farbe aus den vier Bestandteilen Cyan (links oben), Magenta (rechts oben), Gelb oder Yellow (rechts unten) und Schwarz oder Key (links unten) zusammengestellt wird. Mittig ist die Ergebnissfarbe zu sehen.
0% 0% 12% 17% C M Y K

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #CBCAACCE zu HEX #343553CE


CSS-Code:

background-image: linear-gradient(135deg, #CBCAACCE 8%, #343553CE 89%);

Radial

HEX #CBCAACCE zu HEX #343553CE


CSS-Code:

background-image: radial-gradient(circle, #CBCAACCE 8%, #343553CE 94%);

 

HEX #343553CE zu HEX #CBCAACCE


CSS-Code:

background-image: linear-gradient(135deg, #343553CE 0%, #CBCAACCE 98%);

 

HEX #343553CE zu HEX #CBCAACCE


CSS-Code:

background-image: radial-gradient(circle, #343553CE 12%, #CBCAACCE 89%);

Linear

HEX #CBCAACCE zu HEX #CCC3ADCE


CSS-Code:

background-image: linear-gradient(135deg, #CBCAACCE 1%, #CCC3ADCE 100%);

Radial

HEX #CBCAACCE zu HEX #CCC3ADCE


CSS-Code:

background-image: radial-gradient(circle, #CBCAACCE 8%, #CCC3ADCE 90%);

 

HEX #CCC3ADCE zu HEX #CBCAACCE


CSS-Code:

background-image: linear-gradient(135deg, #CCC3ADCE 5%, #CBCAACCE 95%);

 

HEX #CCC3ADCE zu HEX #CBCAACCE


CSS-Code:

background-image: radial-gradient(circle, #CCC3ADCE 0%, #CBCAACCE 96%);

 

HEX #CBCAACCE zu HEX #CCCBADCE


CSS-Code:

background-image: linear-gradient(135deg, #CBCAACCE 6%, #CCCBADCE 89%);

 

HEX #CBCAACCE zu HEX #CCCBADCE


CSS-Code:

background-image: radial-gradient(circle, #CBCAACCE 8%, #CCCBADCE 100%);

 

HEX #CCCBADCE zu HEX #CBCAACCE


CSS-Code:

background-image: linear-gradient(135deg, #CCCBADCE 10%, #CBCAACCE 97%);

 

HEX #CCCBADCE zu HEX #CBCAACCE


CSS-Code:

background-image: radial-gradient(circle, #CCCBADCE 12%, #CBCAACCE 100%);

 

HEX #CBCAACCE zu HEX #C5CCADCE


CSS-Code:

background-image: linear-gradient(135deg, #CBCAACCE 0%, #C5CCADCE 88%);

 

HEX #CBCAACCE zu HEX #C5CCADCE


CSS-Code:

background-image: radial-gradient(circle, #CBCAACCE 2%, #C5CCADCE 86%);

 

HEX #C5CCADCE zu HEX #CBCAACCE


CSS-Code:

background-image: linear-gradient(135deg, #C5CCADCE 0%, #CBCAACCE 89%);

 

HEX #C5CCADCE zu HEX #CBCAACCE


CSS-Code:

background-image: radial-gradient(circle, #C5CCADCE 0%, #CBCAACCE 87%);

 

HEX #CBCAACCE zu HEX #BDCCADCE


CSS-Code:

background-image: linear-gradient(135deg, #CBCAACCE 9%, #BDCCADCE 95%);

 

HEX #CBCAACCE zu HEX #BDCCADCE


CSS-Code:

background-image: radial-gradient(circle, #CBCAACCE 14%, #BDCCADCE 100%);

 

HEX #BDCCADCE zu HEX #CBCAACCE


CSS-Code:

background-image: linear-gradient(135deg, #BDCCADCE 8%, #CBCAACCE 86%);

 

HEX #BDCCADCE zu HEX #CBCAACCE


CSS-Code:

background-image: radial-gradient(circle, #BDCCADCE 11%, #CBCAACCE 99%);

Linear

HEX #CBCAACCE zu HEX #BCBB94


CSS-Code:

background-image: linear-gradient(135deg, #CBCAACCE 9%, #BCBB94 100%);

Radial

HEX #CBCAACCE zu HEX #BCBB94


CSS-Code:

background-image: radial-gradient(circle, #CBCAACCE 14%, #BCBB94 86%);

 

HEX #BCBB94 zu HEX #CBCAACCE


CSS-Code:

background-image: linear-gradient(135deg, #BCBB94 7%, #CBCAACCE 93%);

 

HEX #BCBB94 zu HEX #CBCAACCE


CSS-Code:

background-image: radial-gradient(circle, #BCBB94 10%, #CBCAACCE 97%);

 

HEX #CBCAACCE zu HEX #CCCBAD


CSS-Code:

background-image: linear-gradient(135deg, #CBCAACCE 1%, #CCCBAD 86%);

 

HEX #CBCAACCE zu HEX #CCCBAD


CSS-Code:

background-image: radial-gradient(circle, #CBCAACCE 10%, #CCCBAD 93%);

 

HEX #CCCBAD zu HEX #CBCAACCE


CSS-Code:

background-image: linear-gradient(135deg, #CCCBAD 13%, #CBCAACCE 94%);

 

HEX #CCCBAD zu HEX #CBCAACCE


CSS-Code:

background-image: radial-gradient(circle, #CCCBAD 11%, #CBCAACCE 98%);

 

HEX #CBCAACCE zu HEX #DCDBC7


CSS-Code:

background-image: linear-gradient(135deg, #CBCAACCE 3%, #DCDBC7 95%);

 

HEX #CBCAACCE zu HEX #DCDBC7


CSS-Code:

background-image: radial-gradient(circle, #CBCAACCE 14%, #DCDBC7 93%);

 

HEX #DCDBC7 zu HEX #CBCAACCE


CSS-Code:

background-image: linear-gradient(135deg, #DCDBC7 11%, #CBCAACCE 93%);

 

HEX #DCDBC7 zu HEX #CBCAACCE


CSS-Code:

background-image: radial-gradient(circle, #DCDBC7 3%, #CBCAACCE 98%);

 

HEX #CBCAACCE zu HEX #ECEBE0


CSS-Code:

background-image: linear-gradient(135deg, #CBCAACCE 9%, #ECEBE0 97%);

 

HEX #CBCAACCE zu HEX #ECEBE0


CSS-Code:

background-image: radial-gradient(circle, #CBCAACCE 10%, #ECEBE0 97%);

 

HEX #ECEBE0 zu HEX #CBCAACCE


CSS-Code:

background-image: linear-gradient(135deg, #ECEBE0 10%, #CBCAACCE 96%);

 

HEX #ECEBE0 zu HEX #CBCAACCE


CSS-Code:

background-image: radial-gradient(circle, #ECEBE0 4%, #CBCAACCE 97%);

Linear

HEX #CBCAACCE zu HEX #CCC3ADCE


CSS-Code:

background-image: linear-gradient(135deg, #CBCAACCE 4%, #CCC3ADCE 98%);

Radial

HEX #CBCAACCE zu HEX #CCC3ADCE


CSS-Code:

background-image: radial-gradient(circle, #CBCAACCE 5%, #CCC3ADCE 93%);

 

HEX #CCC3ADCE zu HEX #CBCAACCE


CSS-Code:

background-image: linear-gradient(135deg, #CCC3ADCE 13%, #CBCAACCE 100%);

 

HEX #CCC3ADCE zu HEX #CBCAACCE


CSS-Code:

background-image: radial-gradient(circle, #CCC3ADCE 5%, #CBCAACCE 87%);

 

HEX #CBCAACCE zu HEX #CCCBADCE


CSS-Code:

background-image: linear-gradient(135deg, #CBCAACCE 11%, #CCCBADCE 98%);

 

HEX #CBCAACCE zu HEX #CCCBADCE


CSS-Code:

background-image: radial-gradient(circle, #CBCAACCE 13%, #CCCBADCE 98%);

 

HEX #CCCBADCE zu HEX #CBCAACCE


CSS-Code:

background-image: linear-gradient(135deg, #CCCBADCE 14%, #CBCAACCE 100%);

 

HEX #CCCBADCE zu HEX #CBCAACCE


CSS-Code:

background-image: radial-gradient(circle, #CCCBADCE 5%, #CBCAACCE 88%);

 

HEX #CBCAACCE zu HEX #C5CCADCE


CSS-Code:

background-image: linear-gradient(135deg, #CBCAACCE 0%, #C5CCADCE 92%);

 

HEX #CBCAACCE zu HEX #C5CCADCE


CSS-Code:

background-image: radial-gradient(circle, #CBCAACCE 10%, #C5CCADCE 90%);

 

HEX #C5CCADCE zu HEX #CBCAACCE


CSS-Code:

background-image: linear-gradient(135deg, #C5CCADCE 12%, #CBCAACCE 97%);

 

HEX #C5CCADCE zu HEX #CBCAACCE


CSS-Code:

background-image: radial-gradient(circle, #C5CCADCE 2%, #CBCAACCE 98%);

 

HEX #CBCAACCE zu HEX #BDCCADCE


CSS-Code:

background-image: linear-gradient(135deg, #CBCAACCE 3%, #BDCCADCE 87%);

 

HEX #CBCAACCE zu HEX #BDCCADCE


CSS-Code:

background-image: radial-gradient(circle, #CBCAACCE 11%, #BDCCADCE 91%);

 

HEX #BDCCADCE zu HEX #CBCAACCE


CSS-Code:

background-image: linear-gradient(135deg, #BDCCADCE 10%, #CBCAACCE 86%);

 

HEX #BDCCADCE zu HEX #CBCAACCE


CSS-Code:

background-image: radial-gradient(circle, #BDCCADCE 5%, #CBCAACCE 99%);

Linear

HEX #CBCAACCE zu HEX #BCBB94


CSS-Code:

background-image: linear-gradient(135deg, #CBCAACCE 1%, #BCBB94 88%);

Radial

HEX #CBCAACCE zu HEX #BCBB94


CSS-Code:

background-image: radial-gradient(circle, #CBCAACCE 7%, #BCBB94 90%);

 

HEX #BCBB94 zu HEX #CBCAACCE


CSS-Code:

background-image: linear-gradient(135deg, #BCBB94 1%, #CBCAACCE 94%);

 

HEX #BCBB94 zu HEX #CBCAACCE


CSS-Code:

background-image: radial-gradient(circle, #BCBB94 13%, #CBCAACCE 93%);

 

HEX #CBCAACCE zu HEX #CCCBAD


CSS-Code:

background-image: linear-gradient(135deg, #CBCAACCE 1%, #CCCBAD 94%);

 

HEX #CBCAACCE zu HEX #CCCBAD


CSS-Code:

background-image: radial-gradient(circle, #CBCAACCE 8%, #CCCBAD 88%);

 

HEX #CCCBAD zu HEX #CBCAACCE


CSS-Code:

background-image: linear-gradient(135deg, #CCCBAD 0%, #CBCAACCE 89%);

 

HEX #CCCBAD zu HEX #CBCAACCE


CSS-Code:

background-image: radial-gradient(circle, #CCCBAD 1%, #CBCAACCE 95%);

 

HEX #CBCAACCE zu HEX #DCDBC7


CSS-Code:

background-image: linear-gradient(135deg, #CBCAACCE 6%, #DCDBC7 88%);

 

HEX #CBCAACCE zu HEX #DCDBC7


CSS-Code:

background-image: radial-gradient(circle, #CBCAACCE 10%, #DCDBC7 97%);

 

HEX #DCDBC7 zu HEX #CBCAACCE


CSS-Code:

background-image: linear-gradient(135deg, #DCDBC7 10%, #CBCAACCE 87%);

 

HEX #DCDBC7 zu HEX #CBCAACCE


CSS-Code:

background-image: radial-gradient(circle, #DCDBC7 10%, #CBCAACCE 91%);

 

HEX #CBCAACCE zu HEX #ECEBE0


CSS-Code:

background-image: linear-gradient(135deg, #CBCAACCE 1%, #ECEBE0 89%);

 

HEX #CBCAACCE zu HEX #ECEBE0


CSS-Code:

background-image: radial-gradient(circle, #CBCAACCE 5%, #ECEBE0 95%);

 

HEX #ECEBE0 zu HEX #CBCAACCE


CSS-Code:

background-image: linear-gradient(135deg, #ECEBE0 3%, #CBCAACCE 96%);

 

HEX #ECEBE0 zu HEX #CBCAACCE


CSS-Code:

background-image: radial-gradient(circle, #ECEBE0 10%, #CBCAACCE 91%);

Linear

HEX #CBCAACCE zu HEX #ADCCB3


CSS-Code:

background-image: linear-gradient(135deg, #CBCAACCE 11%, #ADCCB3 93%);

Radial

HEX #CBCAACCE zu HEX #ADCCB3


CSS-Code:

background-image: radial-gradient(circle, #CBCAACCE 3%, #ADCCB3 91%);

 

HEX #ADCCB3 zu HEX #CBCAACCE


CSS-Code:

background-image: linear-gradient(135deg, #ADCCB3 5%, #CBCAACCE 93%);

 

HEX #ADCCB3 zu HEX #CBCAACCE


CSS-Code:

background-image: radial-gradient(circle, #ADCCB3 1%, #CBCAACCE 96%);

 

HEX #CBCAACCE zu HEX #BFADCC


CSS-Code:

background-image: linear-gradient(135deg, #CBCAACCE 0%, #BFADCC 97%);

 

HEX #CBCAACCE zu HEX #BFADCC


CSS-Code:

background-image: radial-gradient(circle, #CBCAACCE 9%, #BFADCC 96%);

 

HEX #BFADCC zu HEX #CBCAACCE


CSS-Code:

background-image: linear-gradient(135deg, #BFADCC 13%, #CBCAACCE 91%);

 

HEX #BFADCC zu HEX #CBCAACCE


CSS-Code:

background-image: radial-gradient(circle, #BFADCC 10%, #CBCAACCE 99%);

Linear

HEX #CBCAACCE zu HEX #ADCCCB


CSS-Code:

background-image: linear-gradient(135deg, #CBCAACCE 7%, #ADCCCB 89%);

Radial

HEX #CBCAACCE zu HEX #ADCCCB


CSS-Code:

background-image: radial-gradient(circle, #CBCAACCE 14%, #ADCCCB 94%);

 

HEX #ADCCCB zu HEX #CBCAACCE


CSS-Code:

background-image: linear-gradient(135deg, #ADCCCB 9%, #CBCAACCE 95%);

 

HEX #ADCCCB zu HEX #CBCAACCE


CSS-Code:

background-image: radial-gradient(circle, #ADCCCB 6%, #CBCAACCE 94%);

 

HEX #CBCAACCE zu HEX #CBADCC


CSS-Code:

background-image: linear-gradient(135deg, #CBCAACCE 10%, #CBADCC 89%);

 

HEX #CBCAACCE zu HEX #CBADCC


CSS-Code:

background-image: radial-gradient(circle, #CBCAACCE 11%, #CBADCC 86%);

 

HEX #CBADCC zu HEX #CBCAACCE


CSS-Code:

background-image: linear-gradient(135deg, #CBADCC 2%, #CBCAACCE 92%);

 

HEX #CBADCC zu HEX #CBCAACCE


CSS-Code:

background-image: radial-gradient(circle, #CBADCC 3%, #CBCAACCE 97%);

Linear

HEX #CBCAACCE zu HEX #ADCCB3


CSS-Code:

background-image: linear-gradient(135deg, #CBCAACCE 6%, #ADCCB3 89%);

Radial

HEX #CBCAACCE zu HEX #ADCCB3


CSS-Code:

background-image: radial-gradient(circle, #CBCAACCE 13%, #ADCCB3 94%);

 

HEX #ADCCB3 zu HEX #CBCAACCE


CSS-Code:

background-image: linear-gradient(135deg, #ADCCB3 14%, #CBCAACCE 96%);

 

HEX #ADCCB3 zu HEX #CBCAACCE


CSS-Code:

background-image: radial-gradient(circle, #ADCCB3 9%, #CBCAACCE 99%);

 

HEX #CBCAACCE zu HEX #ADAECC


CSS-Code:

background-image: linear-gradient(135deg, #CBCAACCE 4%, #ADAECC 96%);

 

HEX #CBCAACCE zu HEX #ADAECC


CSS-Code:

background-image: radial-gradient(circle, #CBCAACCE 11%, #ADAECC 100%);

 

HEX #ADAECC zu HEX #CBCAACCE


CSS-Code:

background-image: linear-gradient(135deg, #ADAECC 6%, #CBCAACCE 97%);

 

HEX #ADAECC zu HEX #CBCAACCE


CSS-Code:

background-image: radial-gradient(circle, #ADAECC 12%, #CBCAACCE 94%);

 

HEX #CBCAACCE zu HEX #CCADC7


CSS-Code:

background-image: linear-gradient(135deg, #CBCAACCE 0%, #CCADC7 88%);

 

HEX #CBCAACCE zu HEX #CCADC7


CSS-Code:

background-image: radial-gradient(circle, #CBCAACCE 13%, #CCADC7 97%);

 

HEX #CCADC7 zu HEX #CBCAACCE


CSS-Code:

background-image: linear-gradient(135deg, #CCADC7 7%, #CBCAACCE 93%);

 

HEX #CCADC7 zu HEX #CBCAACCE


CSS-Code:

background-image: radial-gradient(circle, #CCADC7 9%, #CBCAACCE 90%);

Linear

HEX #CBCAACCE zu HEX #ADCCBC


CSS-Code:

background-image: linear-gradient(135deg, #CBCAACCE 11%, #ADCCBC 98%);

Radial

HEX #CBCAACCE zu HEX #ADCCBC


CSS-Code:

background-image: radial-gradient(circle, #CBCAACCE 10%, #ADCCBC 92%);

 

HEX #ADCCBC zu HEX #CBCAACCE


CSS-Code:

background-image: linear-gradient(135deg, #ADCCBC 1%, #CBCAACCE 90%);

 

HEX #ADCCBC zu HEX #CBCAACCE


CSS-Code:

background-image: radial-gradient(circle, #ADCCBC 11%, #CBCAACCE 86%);

 

HEX #CBCAACCE zu HEX #ADAECC


CSS-Code:

background-image: linear-gradient(135deg, #CBCAACCE 5%, #ADAECC 90%);

 

HEX #CBCAACCE zu HEX #ADAECC


CSS-Code:

background-image: radial-gradient(circle, #CBCAACCE 10%, #ADAECC 86%);

 

HEX #ADAECC zu HEX #CBCAACCE


CSS-Code:

background-image: linear-gradient(135deg, #ADAECC 9%, #CBCAACCE 100%);

 

HEX #ADAECC zu HEX #CBCAACCE


CSS-Code:

background-image: radial-gradient(circle, #ADAECC 12%, #CBCAACCE 96%);

 

HEX #CBCAACCE zu HEX #CCADBE


CSS-Code:

background-image: linear-gradient(135deg, #CBCAACCE 14%, #CCADBE 90%);

 

HEX #CBCAACCE zu HEX #CCADBE


CSS-Code:

background-image: radial-gradient(circle, #CBCAACCE 13%, #CCADBE 89%);

 

HEX #CCADBE zu HEX #CBCAACCE


CSS-Code:

background-image: linear-gradient(135deg, #CCADBE 10%, #CBCAACCE 92%);

 

HEX #CCADBE zu HEX #CBCAACCE


CSS-Code:

background-image: radial-gradient(circle, #CCADBE 10%, #CBCAACCE 91%);

Zeige mehr Farbpaletten

Services

Farben

RGB in HEX

umrechnen von RGB rot grün blau zu #RRGGBB

RGB in CMYK

umrechnen von RGB rot grün blau zu CMYK cyan / magenta / gelb / key

Icons

RGB in RAL®

umrechnen von RGB rot grün blau zu RAL®-Nummer (RAL 0000)

RGB in HKS®

umrechnen von RGB rot grün blau zu HKS®-Nummer (HKS 00)

RGB in PANTONE®

umrechnen von RGB rot grün blau zu Pantone®-Nummer (Pantone 0000)

RGB in Sherwin Williams®

umrechnen von RGB rot grün blau zu Sherwin Williams®-Nummer (SW 0000)

RGB in NCS®

umrechnen von RGB rot grün blau zu NCS-Nummer (S0000-X00X)

nsc-logo

RGBA in HEX

umrechnen von RGBA rot grün blau transparenz zu #RRGGBB

RGBA in CMYK

umrechnen von RGBA rot grün blau transparenz zu CMYK cyan / magenta / gelb / key

Icons

RGBA in RAL®

umrechnen von RGBA rot grün blau transparenz zu RAL®-Nummer (RAL 0000)

RGBA in HKS®

umrechnen von RGBA rot grün blau transparenz zu HKS®-Nummer (HKS 00)

RGBA in PANTONE®

umrechnen von RGBA rot grün blau transparenz zu Pantone®-Nummer (Pantone 0000)

RGBA in Sherwin Williams®

umrechnen von RGBA rot grün blau transparenz zu Sherwin Williams®-Nummer (SW 0000)

RGBA in NCS®

umrechnen von RGBA rot grün blau transparenz zu NCS-Nummer (S0000-X00X)

nsc-logo

CMYK in HEX

umrechnen von CMYK cyan / magenta / gelb / key zu #RRGGBB

CMYK in RGB

umrechnen von CMYK cyan / magenta / gelb / key zu RGB rot grün blau

CMYK in RGBA

umrechnen von CMYK cyan / magenta / gelb / key zu RGBA rot grün blau transparenz

CMYK in RAL®

umrechnen von CMYK cyan / magenta / gelb / key zu RAL®-Nummer (RAL 0000)

CMYK in HKS®

umrechnen von CMYK cyan / magenta / gelb / key zu HKS®-Nummer (HKS 00)

CMYK in PANTONE®

umrechnen von CMYK cyan / magenta / gelb / key zu Pantone®-Nummer (Pantone 0000)

CMYK in Sherwin Williams®

umrechnen von CMYK cyan / magenta / gelb / key zu Sherwin Williams®-Nummer (SW 0000)

CMYK in NCS®

umrechnen von CMYK cyan / magenta / gelb / key zu NCS-Nummer (S0000-X00X)

nsc-logo

HEX in RGB

umrechnen von #RRGGBB zu RGB rot grün blau

HEX in RGBA

umrechnen von #RRGGBB zu RGBA rot grün blau transparenz

HEX in CMYK

umrechnen von #RRGGBB zu CMYK cyan / magenta / gelb / key

Icons

HEX in RAL®

umrechnen von #RRGGBB zu RAL®-Nummer (RAL 0000)

HEX in HKS®

umrechnen von #RRGGBB zu HKS®-Nummer (HKS 00)

HEX in PANTONE®

umrechnen von #RRGGBB zu Pantone®-Nummer (Pantone 0000)

HEX in Sherwin Williams®

umrechnen von #RRGGBB zu Sherwin Williams®-Nummer (SW 0000)

HEX in NCS®

umrechnen von #RRGGBB zu NCS-Nummer (S0000-X00X)

nsc-logo

RAL® in RGB

umrechnen von RAL®-Nummer (RAL 0000) zu RGB rot grün blau

RAL® in RGBA

umrechnen von RAL®-Nummer (RAL 0000) zu RGBA rot grün blau transparenz

RAL® in CMYK

umrechnen von RAL®-Nummer (RAL 0000) zu CMYK cyan / magenta / gelb / key

Icons

RAL® in HEX

umrechnen von RAL®-Nummer (RAL 0000) zu #RRGGBB

RAL® in HKS®

umrechnen von RAL®-Nummer (RAL 0000) zu HKS®-Nummer (HKS 00)

RAL® in PANTONE®

umrechnen von RAL®-Nummer (RAL 0000) zu Pantone®-Nummer (Pantone 0000)

RAL® in Sherwin Williams®

umrechnen von RAL®-Nummer (RAL 0000) zu Sherwin Williams®-Nummer (SW 0000)

RAL® in NCS®

umrechnen von RAL®-Nummer (RAL 0000) zu NCS-Nummer (S0000-X00X)

nsc-logo

HKS® in RGB

umrechnen von HKS®-Nummer (HKS 00) zu RGB rot grün blau

HKS® in RGBA

umrechnen von HKS®-Nummer (HKS 00) zu RGBA rot grün blau transparenz

HKS® in CMYK

umrechnen von HKS®-Nummer (HKS 00) zu CMYK cyan / magenta / gelb / key

Icons

HKS® in HEX

umrechnen von HKS®-Nummer (HKS 00) zu #RRGGBB

HKS® in RAL®

umrechnen von HKS®-Nummer (HKS 00) zu RAL®-Nummer (RAL 0000)

HKS® in PANTONE®

umrechnen von HKS®-Nummer (HKS 00) zu Pantone®-Nummer (Pantone 0000)

HKS® in Sherwin Williams®

umrechnen von HKS®-Nummer (HKS 00) zu Sherwin Williams®-Nummer (SW 0000)

HKS® in NCS®

umrechnen von HKS®-Nummer (HKS 00) zu NCS-Nummer (S0000-X00X)

nsc-logo

PANTONE® in RGB

umrechnen von Pantone®-Nummer (Pantone 0000) zu RGB rot grün blau

PANTONE® in RGBA

umrechnen von Pantone®-Nummer (Pantone 0000) zu RGBA rot grün blau transparenz

PANTONE® in CMYK

umrechnen von Pantone®-Nummer (Pantone 0000) zu CMYK cyan / magenta / gelb / key

Icons

PANTONE® in HEX

umrechnen von Pantone®-Nummer (Pantone 0000) zu #RRGGBB

PANTONE® in RAL®

umrechnen von Pantone®-Nummer (Pantone 0000) zu RAL®-Nummer (RAL 0000)

PANTONE® in HKS®

umrechnen von Pantone®-Nummer (Pantone 0000) zu HKS®-Nummer (HKS 00)

PANTONE® in Sherwin Williams®

umrechnen von Pantone®-Nummer (Pantone 0000) zu Sherwin Williams®-Nummer (SW 0000)

PANTONE® in NCS®

umrechnen von Pantone®-Nummer (Pantone 0000) zu NCS-Nummer (S0000-X00X)

nsc-logo

Sherwin Williams® in RGB

umrechnen von Sherwin Williams®-Nummer (SW 0000) zu RGB rot grün blau

Sherwin Williams® in RGBA

umrechnen von Sherwin Williams®-Nummer (SW 0000) zu RGBA rot grün blau transparenz

Sherwin Williams® in CMYK

umrechnen von Sherwin Williams®-Nummer (SW 0000) zu CMYK cyan / magenta / gelb / key

Icons

Sherwin Williams® in HEX

umrechnen von Sherwin Williams®-Nummer (SW 0000) zu #RRGGBB

Sherwin Williams® in RAL®

umrechnen von Sherwin Williams®-Nummer (SW 0000) zu RAL®-Nummer (RAL 0000)

Sherwin Williams® in HKS®

umrechnen von Sherwin Williams®-Nummer (SW 0000) zu HKS®-Nummer (HKS 00)

Sherwin Williams® in PANTONE®

umrechnen von Sherwin Williams®-Nummer (SW 0000) zu Pantone®-Nummer (Pantone 0000)

Sherwin Williams® in NCS®

umrechnen von Sherwin Williams®-Nummer (SW 0000) zu NCS-Nummer (S0000-X00X)

nsc-logo

NCS® in RGB

umrechnen von NCS-Nummer (S0000-X00X) zu RGB rot grün blau

NCS® in RGBA

umrechnen von NCS-Nummer (S0000-X00X) zu RGBA rot grün blau transparenz

NCS® in CMYK

umrechnen von NCS-Nummer (S0000-X00X) zu CMYK cyan / magenta / gelb / key

Icons

NCS® in HEX

umrechnen von NCS-Nummer (S0000-X00X) zu #RRGGBB

NCS® in RAL®

umrechnen von NCS-Nummer (S0000-X00X) zu RAL®-Nummer (RAL 0000)

NCS® in HKS®

umrechnen von NCS-Nummer (S0000-X00X) zu HKS®-Nummer (HKS 00)

NCS® in PANTONE®

umrechnen von NCS-Nummer (S0000-X00X) zu Pantone®-Nummer (Pantone 0000)

Um Farbpaletten speichern zu können, ist eine Anmelung erforderlich.

Bei Ihrem Konto anmelden

oder

Erstellen Sie ein Konto

Aktuelle Farbpalette teilen
Soll sie öffentlich oder privat sein?
Link(s) folgen nach dem Teilen.

Abbrechen Teilen

Farbpalette geteilt
Bitte kopieren und speichern Sie den gewünschten Link.

Teilen

OK, ich habe die Links kopiert

Ihre Farben werden in einer neuen Farbpalette gespeichert.
Sehen Sie sich diese unter Ihrem Profil an.
Sie können sie weiter anpassen, und teilen.

Farbpalette anzeigen
Schließen

Erstellen Sie eine Farbpalette

HerunterladenHerunterladen in verschiedenen Formaten

Alle Entfernen

Durch Klicken auf können Sie Paletten erstellen und die Farbfelder herunterladen.