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

CSS Gradienten:
#C5E5BD

Information

schließe alle

Lass Dir 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: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Lass Dir 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: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Lass Dir 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: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Anzeigeoptionen

Beschreibung

Da die Farbwerte im Vergleich zu anderen relativ hoch sind, erscheint uns dieser Farbton heller.

Die Aufschlüsselung der Farbe in das RGB-Farbsystem: In diesem Farbton sind von 255 maximalen Farbanteilen jeweils 197 Rot, 229 Grün und 189 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.
197 229 189 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 14 Cyan, keine Magenta, 17 Gelb und 10 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.
14% 0% 17% 10% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #C5E5BD zu HEX #3A1A42


CSS-Code:

background-image: linear-gradient(135deg, #C5E5BD 7%, #3A1A42 95%);

Radial

HEX #C5E5BD zu HEX #3A1A42


CSS-Code:

background-image: radial-gradient(circle, #C5E5BD 1%, #3A1A42 88%);

 

HEX #3A1A42 zu HEX #C5E5BD


CSS-Code:

background-image: linear-gradient(135deg, #3A1A42 10%, #C5E5BD 91%);

 

HEX #3A1A42 zu HEX #C5E5BD


CSS-Code:

background-image: radial-gradient(circle, #3A1A42 11%, #C5E5BD 99%);

Linear

HEX #C5E5BD zu HEX #CFE4BD


CSS-Code:

background-image: linear-gradient(135deg, #C5E5BD 6%, #CFE4BD 86%);

Radial

HEX #C5E5BD zu HEX #CFE4BD


CSS-Code:

background-image: radial-gradient(circle, #C5E5BD 10%, #CFE4BD 89%);

 

HEX #CFE4BD zu HEX #C5E5BD


CSS-Code:

background-image: linear-gradient(135deg, #CFE4BD 8%, #C5E5BD 89%);

 

HEX #CFE4BD zu HEX #C5E5BD


CSS-Code:

background-image: radial-gradient(circle, #CFE4BD 7%, #C5E5BD 100%);

 

HEX #C5E5BD zu HEX #C5E4BD


CSS-Code:

background-image: linear-gradient(135deg, #C5E5BD 2%, #C5E4BD 94%);

 

HEX #C5E5BD zu HEX #C5E4BD


CSS-Code:

background-image: radial-gradient(circle, #C5E5BD 13%, #C5E4BD 100%);

 

HEX #C5E4BD zu HEX #C5E5BD


CSS-Code:

background-image: linear-gradient(135deg, #C5E4BD 4%, #C5E5BD 86%);

 

HEX #C5E4BD zu HEX #C5E5BD


CSS-Code:

background-image: radial-gradient(circle, #C5E4BD 7%, #C5E5BD 93%);

 

HEX #C5E5BD zu HEX #BDE4BF


CSS-Code:

background-image: linear-gradient(135deg, #C5E5BD 5%, #BDE4BF 91%);

 

HEX #C5E5BD zu HEX #BDE4BF


CSS-Code:

background-image: radial-gradient(circle, #C5E5BD 6%, #BDE4BF 100%);

 

HEX #BDE4BF zu HEX #C5E5BD


CSS-Code:

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

 

HEX #BDE4BF zu HEX #C5E5BD


CSS-Code:

background-image: radial-gradient(circle, #BDE4BF 9%, #C5E5BD 91%);

 

HEX #C5E5BD zu HEX #BDE4CA


CSS-Code:

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

 

HEX #C5E5BD zu HEX #BDE4CA


CSS-Code:

background-image: radial-gradient(circle, #C5E5BD 3%, #BDE4CA 100%);

 

HEX #BDE4CA zu HEX #C5E5BD


CSS-Code:

background-image: linear-gradient(135deg, #BDE4CA 9%, #C5E5BD 96%);

 

HEX #BDE4CA zu HEX #C5E5BD


CSS-Code:

background-image: radial-gradient(circle, #BDE4CA 1%, #C5E5BD 91%);

Linear

HEX #C5E5BD zu HEX #ABD99F


CSS-Code:

background-image: linear-gradient(135deg, #C5E5BD 13%, #ABD99F 96%);

Radial

HEX #C5E5BD zu HEX #ABD99F


CSS-Code:

background-image: radial-gradient(circle, #C5E5BD 6%, #ABD99F 92%);

 

HEX #ABD99F zu HEX #C5E5BD


CSS-Code:

background-image: linear-gradient(135deg, #ABD99F 8%, #C5E5BD 94%);

 

HEX #ABD99F zu HEX #C5E5BD


CSS-Code:

background-image: radial-gradient(circle, #ABD99F 0%, #C5E5BD 94%);

 

HEX #C5E5BD zu HEX #C5E4BD


CSS-Code:

background-image: linear-gradient(135deg, #C5E5BD 6%, #C5E4BD 92%);

 

HEX #C5E5BD zu HEX #C5E4BD


CSS-Code:

background-image: radial-gradient(circle, #C5E5BD 6%, #C5E4BD 99%);

 

HEX #C5E4BD zu HEX #C5E5BD


CSS-Code:

background-image: linear-gradient(135deg, #C5E4BD 8%, #C5E5BD 93%);

 

HEX #C5E4BD zu HEX #C5E5BD


CSS-Code:

background-image: radial-gradient(circle, #C5E4BD 5%, #C5E5BD 90%);

 

HEX #C5E5BD zu HEX #DFF0DA


CSS-Code:

background-image: linear-gradient(135deg, #C5E5BD 14%, #DFF0DA 99%);

 

HEX #C5E5BD zu HEX #DFF0DA


CSS-Code:

background-image: radial-gradient(circle, #C5E5BD 6%, #DFF0DA 86%);

 

HEX #DFF0DA zu HEX #C5E5BD


CSS-Code:

background-image: linear-gradient(135deg, #DFF0DA 0%, #C5E5BD 100%);

 

HEX #DFF0DA zu HEX #C5E5BD


CSS-Code:

background-image: radial-gradient(circle, #DFF0DA 7%, #C5E5BD 97%);

 

HEX #C5E5BD zu HEX #F9FCF8


CSS-Code:

background-image: linear-gradient(135deg, #C5E5BD 0%, #F9FCF8 95%);

 

HEX #C5E5BD zu HEX #F9FCF8


CSS-Code:

background-image: radial-gradient(circle, #C5E5BD 9%, #F9FCF8 97%);

 

HEX #F9FCF8 zu HEX #C5E5BD


CSS-Code:

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

 

HEX #F9FCF8 zu HEX #C5E5BD


CSS-Code:

background-image: radial-gradient(circle, #F9FCF8 13%, #C5E5BD 96%);

Linear

HEX #C5E5BD zu HEX #CFE4BD


CSS-Code:

background-image: linear-gradient(135deg, #C5E5BD 14%, #CFE4BD 98%);

Radial

HEX #C5E5BD zu HEX #CFE4BD


CSS-Code:

background-image: radial-gradient(circle, #C5E5BD 14%, #CFE4BD 90%);

 

HEX #CFE4BD zu HEX #C5E5BD


CSS-Code:

background-image: linear-gradient(135deg, #CFE4BD 9%, #C5E5BD 96%);

 

HEX #CFE4BD zu HEX #C5E5BD


CSS-Code:

background-image: radial-gradient(circle, #CFE4BD 9%, #C5E5BD 91%);

 

HEX #C5E5BD zu HEX #C5E4BD


CSS-Code:

background-image: linear-gradient(135deg, #C5E5BD 0%, #C5E4BD 91%);

 

HEX #C5E5BD zu HEX #C5E4BD


CSS-Code:

background-image: radial-gradient(circle, #C5E5BD 11%, #C5E4BD 89%);

 

HEX #C5E4BD zu HEX #C5E5BD


CSS-Code:

background-image: linear-gradient(135deg, #C5E4BD 5%, #C5E5BD 88%);

 

HEX #C5E4BD zu HEX #C5E5BD


CSS-Code:

background-image: radial-gradient(circle, #C5E4BD 6%, #C5E5BD 96%);

 

HEX #C5E5BD zu HEX #BDE4BF


CSS-Code:

background-image: linear-gradient(135deg, #C5E5BD 2%, #BDE4BF 99%);

 

HEX #C5E5BD zu HEX #BDE4BF


CSS-Code:

background-image: radial-gradient(circle, #C5E5BD 10%, #BDE4BF 95%);

 

HEX #BDE4BF zu HEX #C5E5BD


CSS-Code:

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

 

HEX #BDE4BF zu HEX #C5E5BD


CSS-Code:

background-image: radial-gradient(circle, #BDE4BF 7%, #C5E5BD 88%);

 

HEX #C5E5BD zu HEX #BDE4CA


CSS-Code:

background-image: linear-gradient(135deg, #C5E5BD 4%, #BDE4CA 93%);

 

HEX #C5E5BD zu HEX #BDE4CA


CSS-Code:

background-image: radial-gradient(circle, #C5E5BD 0%, #BDE4CA 87%);

 

HEX #BDE4CA zu HEX #C5E5BD


CSS-Code:

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

 

HEX #BDE4CA zu HEX #C5E5BD


CSS-Code:

background-image: radial-gradient(circle, #BDE4CA 12%, #C5E5BD 88%);

Linear

HEX #C5E5BD zu HEX #ABD99F


CSS-Code:

background-image: linear-gradient(135deg, #C5E5BD 14%, #ABD99F 91%);

Radial

HEX #C5E5BD zu HEX #ABD99F


CSS-Code:

background-image: radial-gradient(circle, #C5E5BD 11%, #ABD99F 95%);

 

HEX #ABD99F zu HEX #C5E5BD


CSS-Code:

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

 

HEX #ABD99F zu HEX #C5E5BD


CSS-Code:

background-image: radial-gradient(circle, #ABD99F 10%, #C5E5BD 94%);

 

HEX #C5E5BD zu HEX #C5E4BD


CSS-Code:

background-image: linear-gradient(135deg, #C5E5BD 0%, #C5E4BD 98%);

 

HEX #C5E5BD zu HEX #C5E4BD


CSS-Code:

background-image: radial-gradient(circle, #C5E5BD 6%, #C5E4BD 95%);

 

HEX #C5E4BD zu HEX #C5E5BD


CSS-Code:

background-image: linear-gradient(135deg, #C5E4BD 6%, #C5E5BD 99%);

 

HEX #C5E4BD zu HEX #C5E5BD


CSS-Code:

background-image: radial-gradient(circle, #C5E4BD 9%, #C5E5BD 86%);

 

HEX #C5E5BD zu HEX #DFF0DA


CSS-Code:

background-image: linear-gradient(135deg, #C5E5BD 1%, #DFF0DA 87%);

 

HEX #C5E5BD zu HEX #DFF0DA


CSS-Code:

background-image: radial-gradient(circle, #C5E5BD 5%, #DFF0DA 89%);

 

HEX #DFF0DA zu HEX #C5E5BD


CSS-Code:

background-image: linear-gradient(135deg, #DFF0DA 9%, #C5E5BD 88%);

 

HEX #DFF0DA zu HEX #C5E5BD


CSS-Code:

background-image: radial-gradient(circle, #DFF0DA 12%, #C5E5BD 99%);

 

HEX #C5E5BD zu HEX #F9FCF8


CSS-Code:

background-image: linear-gradient(135deg, #C5E5BD 13%, #F9FCF8 95%);

 

HEX #C5E5BD zu HEX #F9FCF8


CSS-Code:

background-image: radial-gradient(circle, #C5E5BD 3%, #F9FCF8 99%);

 

HEX #F9FCF8 zu HEX #C5E5BD


CSS-Code:

background-image: linear-gradient(135deg, #F9FCF8 11%, #C5E5BD 94%);

 

HEX #F9FCF8 zu HEX #C5E5BD


CSS-Code:

background-image: radial-gradient(circle, #F9FCF8 3%, #C5E5BD 98%);

Linear

HEX #C5E5BD zu HEX #BDE4E4


CSS-Code:

background-image: linear-gradient(135deg, #C5E5BD 12%, #BDE4E4 94%);

Radial

HEX #C5E5BD zu HEX #BDE4E4


CSS-Code:

background-image: radial-gradient(circle, #C5E5BD 12%, #BDE4E4 86%);

 

HEX #BDE4E4 zu HEX #C5E5BD


CSS-Code:

background-image: linear-gradient(135deg, #BDE4E4 10%, #C5E5BD 91%);

 

HEX #BDE4E4 zu HEX #C5E5BD


CSS-Code:

background-image: radial-gradient(circle, #BDE4E4 10%, #C5E5BD 88%);

 

HEX #C5E5BD zu HEX #E4BDD5


CSS-Code:

background-image: linear-gradient(135deg, #C5E5BD 9%, #E4BDD5 96%);

 

HEX #C5E5BD zu HEX #E4BDD5


CSS-Code:

background-image: radial-gradient(circle, #C5E5BD 3%, #E4BDD5 97%);

 

HEX #E4BDD5 zu HEX #C5E5BD


CSS-Code:

background-image: linear-gradient(135deg, #E4BDD5 12%, #C5E5BD 98%);

 

HEX #E4BDD5 zu HEX #C5E5BD


CSS-Code:

background-image: radial-gradient(circle, #E4BDD5 3%, #C5E5BD 90%);

Linear

HEX #C5E5BD zu HEX #BDC5E4


CSS-Code:

background-image: linear-gradient(135deg, #C5E5BD 1%, #BDC5E4 99%);

Radial

HEX #C5E5BD zu HEX #BDC5E4


CSS-Code:

background-image: radial-gradient(circle, #C5E5BD 6%, #BDC5E4 87%);

 

HEX #BDC5E4 zu HEX #C5E5BD


CSS-Code:

background-image: linear-gradient(135deg, #BDC5E4 2%, #C5E5BD 98%);

 

HEX #BDC5E4 zu HEX #C5E5BD


CSS-Code:

background-image: radial-gradient(circle, #BDC5E4 1%, #C5E5BD 99%);

 

HEX #C5E5BD zu HEX #E4BDC5


CSS-Code:

background-image: linear-gradient(135deg, #C5E5BD 12%, #E4BDC5 96%);

 

HEX #C5E5BD zu HEX #E4BDC5


CSS-Code:

background-image: radial-gradient(circle, #C5E5BD 14%, #E4BDC5 97%);

 

HEX #E4BDC5 zu HEX #C5E5BD


CSS-Code:

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

 

HEX #E4BDC5 zu HEX #C5E5BD


CSS-Code:

background-image: radial-gradient(circle, #E4BDC5 5%, #C5E5BD 96%);

Linear

HEX #C5E5BD zu HEX #BDE4E4


CSS-Code:

background-image: linear-gradient(135deg, #C5E5BD 10%, #BDE4E4 98%);

Radial

HEX #C5E5BD zu HEX #BDE4E4


CSS-Code:

background-image: radial-gradient(circle, #C5E5BD 8%, #BDE4E4 88%);

 

HEX #BDE4E4 zu HEX #C5E5BD


CSS-Code:

background-image: linear-gradient(135deg, #BDE4E4 11%, #C5E5BD 99%);

 

HEX #BDE4E4 zu HEX #C5E5BD


CSS-Code:

background-image: radial-gradient(circle, #BDE4E4 7%, #C5E5BD 96%);

 

HEX #C5E5BD zu HEX #DCBDE4


CSS-Code:

background-image: linear-gradient(135deg, #C5E5BD 0%, #DCBDE4 93%);

 

HEX #C5E5BD zu HEX #DCBDE4


CSS-Code:

background-image: radial-gradient(circle, #C5E5BD 13%, #DCBDE4 96%);

 

HEX #DCBDE4 zu HEX #C5E5BD


CSS-Code:

background-image: linear-gradient(135deg, #DCBDE4 4%, #C5E5BD 88%);

 

HEX #DCBDE4 zu HEX #C5E5BD


CSS-Code:

background-image: radial-gradient(circle, #DCBDE4 0%, #C5E5BD 92%);

 

HEX #C5E5BD zu HEX #E4BDBD


CSS-Code:

background-image: linear-gradient(135deg, #C5E5BD 3%, #E4BDBD 93%);

 

HEX #C5E5BD zu HEX #E4BDBD


CSS-Code:

background-image: radial-gradient(circle, #C5E5BD 13%, #E4BDBD 88%);

 

HEX #E4BDBD zu HEX #C5E5BD


CSS-Code:

background-image: linear-gradient(135deg, #E4BDBD 5%, #C5E5BD 96%);

 

HEX #E4BDBD zu HEX #C5E5BD


CSS-Code:

background-image: radial-gradient(circle, #E4BDBD 9%, #C5E5BD 98%);

Linear

HEX #C5E5BD zu HEX #BDD8E4


CSS-Code:

background-image: linear-gradient(135deg, #C5E5BD 7%, #BDD8E4 98%);

Radial

HEX #C5E5BD zu HEX #BDD8E4


CSS-Code:

background-image: radial-gradient(circle, #C5E5BD 11%, #BDD8E4 96%);

 

HEX #BDD8E4 zu HEX #C5E5BD


CSS-Code:

background-image: linear-gradient(135deg, #BDD8E4 11%, #C5E5BD 91%);

 

HEX #BDD8E4 zu HEX #C5E5BD


CSS-Code:

background-image: radial-gradient(circle, #BDD8E4 8%, #C5E5BD 93%);

 

HEX #C5E5BD zu HEX #DCBDE4


CSS-Code:

background-image: linear-gradient(135deg, #C5E5BD 3%, #DCBDE4 89%);

 

HEX #C5E5BD zu HEX #DCBDE4


CSS-Code:

background-image: radial-gradient(circle, #C5E5BD 12%, #DCBDE4 100%);

 

HEX #DCBDE4 zu HEX #C5E5BD


CSS-Code:

background-image: linear-gradient(135deg, #DCBDE4 9%, #C5E5BD 88%);

 

HEX #DCBDE4 zu HEX #C5E5BD


CSS-Code:

background-image: radial-gradient(circle, #DCBDE4 13%, #C5E5BD 92%);

 

HEX #C5E5BD zu HEX #E4C9BD


CSS-Code:

background-image: linear-gradient(135deg, #C5E5BD 2%, #E4C9BD 87%);

 

HEX #C5E5BD zu HEX #E4C9BD


CSS-Code:

background-image: radial-gradient(circle, #C5E5BD 11%, #E4C9BD 93%);

 

HEX #E4C9BD zu HEX #C5E5BD


CSS-Code:

background-image: linear-gradient(135deg, #E4C9BD 5%, #C5E5BD 94%);

 

HEX #E4C9BD zu HEX #C5E5BD


CSS-Code:

background-image: radial-gradient(circle, #E4C9BD 1%, #C5E5BD 96%);

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

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 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 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 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 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 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 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 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)

NCS® in Sherwin Williams®

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

Codes

Um Farbpaletten speichern zu können, musst Du angemeldet sein.

Bei deinem Konto anmelden

oder

Erstelle ein Konto

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

Abbrechen Teilen

Farbpalette geteilt
Bitte kopiere und speichere dir den gewünschten Link.

Teilen

OK, ich habe die Links kopiert

Deine Farben werden in einer neuen Farbpalette gespeichert.
Sehe sie dir unter deinem Profil an.
Du kannst sie weiter anpassen, und teilen.

Farbpalette anzeigen
Schließen

Erstelle eine Farbpalette

HerunterladenHerunterladen in verschiedenen Formaten

Alle Entfernen

Durch Klicken auf kannst du Paletten erstellen und die Farbfelder herunterladen.