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

✕

CSS Gradienten:
#EEC5AC

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 238 Rot, 197 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.
238 197 172 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils keine Cyan, 17 Magenta, 28 Gelb und 7 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% 17% 28% 7% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #EEC5AC zu HEX #113A53


CSS-Code:

background-image: linear-gradient(135deg, #EEC5AC 3%, #113A53 90%);

Radial

HEX #EEC5AC zu HEX #113A53


CSS-Code:

background-image: radial-gradient(circle, #EEC5AC 6%, #113A53 94%);

 

HEX #113A53 zu HEX #EEC5AC


CSS-Code:

background-image: linear-gradient(135deg, #113A53 0%, #EEC5AC 86%);

 

HEX #113A53 zu HEX #EEC5AC


CSS-Code:

background-image: radial-gradient(circle, #113A53 10%, #EEC5AC 88%);

Linear

HEX #EEC5AC zu HEX #EDB1AA


CSS-Code:

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

Radial

HEX #EEC5AC zu HEX #EDB1AA


CSS-Code:

background-image: radial-gradient(circle, #EEC5AC 3%, #EDB1AA 96%);

 

HEX #EDB1AA zu HEX #EEC5AC


CSS-Code:

background-image: linear-gradient(135deg, #EDB1AA 2%, #EEC5AC 90%);

 

HEX #EDB1AA zu HEX #EEC5AC


CSS-Code:

background-image: radial-gradient(circle, #EDB1AA 2%, #EEC5AC 99%);

 

HEX #EEC5AC zu HEX #EDC3AA


CSS-Code:

background-image: linear-gradient(135deg, #EEC5AC 0%, #EDC3AA 90%);

 

HEX #EEC5AC zu HEX #EDC3AA


CSS-Code:

background-image: radial-gradient(circle, #EEC5AC 7%, #EDC3AA 86%);

 

HEX #EDC3AA zu HEX #EEC5AC


CSS-Code:

background-image: linear-gradient(135deg, #EDC3AA 6%, #EEC5AC 100%);

 

HEX #EDC3AA zu HEX #EEC5AC


CSS-Code:

background-image: radial-gradient(circle, #EDC3AA 9%, #EEC5AC 90%);

 

HEX #EEC5AC zu HEX #EDD4AA


CSS-Code:

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

 

HEX #EEC5AC zu HEX #EDD4AA


CSS-Code:

background-image: radial-gradient(circle, #EEC5AC 13%, #EDD4AA 92%);

 

HEX #EDD4AA zu HEX #EEC5AC


CSS-Code:

background-image: linear-gradient(135deg, #EDD4AA 10%, #EEC5AC 93%);

 

HEX #EDD4AA zu HEX #EEC5AC


CSS-Code:

background-image: radial-gradient(circle, #EDD4AA 4%, #EEC5AC 89%);

 

HEX #EEC5AC zu HEX #EDE6AA


CSS-Code:

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

 

HEX #EEC5AC zu HEX #EDE6AA


CSS-Code:

background-image: radial-gradient(circle, #EEC5AC 2%, #EDE6AA 99%);

 

HEX #EDE6AA zu HEX #EEC5AC


CSS-Code:

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

 

HEX #EDE6AA zu HEX #EEC5AC


CSS-Code:

background-image: radial-gradient(circle, #EDE6AA 9%, #EEC5AC 91%);

Linear

HEX #EEC5AC zu HEX #E6AB88


CSS-Code:

background-image: linear-gradient(135deg, #EEC5AC 2%, #E6AB88 95%);

Radial

HEX #EEC5AC zu HEX #E6AB88


CSS-Code:

background-image: radial-gradient(circle, #EEC5AC 11%, #E6AB88 96%);

 

HEX #E6AB88 zu HEX #EEC5AC


CSS-Code:

background-image: linear-gradient(135deg, #E6AB88 8%, #EEC5AC 90%);

 

HEX #E6AB88 zu HEX #EEC5AC


CSS-Code:

background-image: radial-gradient(circle, #E6AB88 9%, #EEC5AC 90%);

 

HEX #EEC5AC zu HEX #EDC3AA


CSS-Code:

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

 

HEX #EEC5AC zu HEX #EDC3AA


CSS-Code:

background-image: radial-gradient(circle, #EEC5AC 13%, #EDC3AA 95%);

 

HEX #EDC3AA zu HEX #EEC5AC


CSS-Code:

background-image: linear-gradient(135deg, #EDC3AA 14%, #EEC5AC 92%);

 

HEX #EDC3AA zu HEX #EEC5AC


CSS-Code:

background-image: radial-gradient(circle, #EDC3AA 12%, #EEC5AC 93%);

 

HEX #EEC5AC zu HEX #F4DBCC


CSS-Code:

background-image: linear-gradient(135deg, #EEC5AC 8%, #F4DBCC 98%);

 

HEX #EEC5AC zu HEX #F4DBCC


CSS-Code:

background-image: radial-gradient(circle, #EEC5AC 5%, #F4DBCC 90%);

 

HEX #F4DBCC zu HEX #EEC5AC


CSS-Code:

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

 

HEX #F4DBCC zu HEX #EEC5AC


CSS-Code:

background-image: radial-gradient(circle, #F4DBCC 14%, #EEC5AC 91%);

 

HEX #EEC5AC zu HEX #FBF3EE


CSS-Code:

background-image: linear-gradient(135deg, #EEC5AC 9%, #FBF3EE 99%);

 

HEX #EEC5AC zu HEX #FBF3EE


CSS-Code:

background-image: radial-gradient(circle, #EEC5AC 2%, #FBF3EE 94%);

 

HEX #FBF3EE zu HEX #EEC5AC


CSS-Code:

background-image: linear-gradient(135deg, #FBF3EE 7%, #EEC5AC 86%);

 

HEX #FBF3EE zu HEX #EEC5AC


CSS-Code:

background-image: radial-gradient(circle, #FBF3EE 3%, #EEC5AC 95%);

Linear

HEX #EEC5AC zu HEX #EDB1AA


CSS-Code:

background-image: linear-gradient(135deg, #EEC5AC 12%, #EDB1AA 100%);

Radial

HEX #EEC5AC zu HEX #EDB1AA


CSS-Code:

background-image: radial-gradient(circle, #EEC5AC 7%, #EDB1AA 98%);

 

HEX #EDB1AA zu HEX #EEC5AC


CSS-Code:

background-image: linear-gradient(135deg, #EDB1AA 0%, #EEC5AC 90%);

 

HEX #EDB1AA zu HEX #EEC5AC


CSS-Code:

background-image: radial-gradient(circle, #EDB1AA 13%, #EEC5AC 98%);

 

HEX #EEC5AC zu HEX #EDC3AA


CSS-Code:

background-image: linear-gradient(135deg, #EEC5AC 6%, #EDC3AA 94%);

 

HEX #EEC5AC zu HEX #EDC3AA


CSS-Code:

background-image: radial-gradient(circle, #EEC5AC 13%, #EDC3AA 88%);

 

HEX #EDC3AA zu HEX #EEC5AC


CSS-Code:

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

 

HEX #EDC3AA zu HEX #EEC5AC


CSS-Code:

background-image: radial-gradient(circle, #EDC3AA 1%, #EEC5AC 89%);

 

HEX #EEC5AC zu HEX #EDD4AA


CSS-Code:

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

 

HEX #EEC5AC zu HEX #EDD4AA


CSS-Code:

background-image: radial-gradient(circle, #EEC5AC 10%, #EDD4AA 94%);

 

HEX #EDD4AA zu HEX #EEC5AC


CSS-Code:

background-image: linear-gradient(135deg, #EDD4AA 8%, #EEC5AC 88%);

 

HEX #EDD4AA zu HEX #EEC5AC


CSS-Code:

background-image: radial-gradient(circle, #EDD4AA 8%, #EEC5AC 100%);

 

HEX #EEC5AC zu HEX #EDE6AA


CSS-Code:

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

 

HEX #EEC5AC zu HEX #EDE6AA


CSS-Code:

background-image: radial-gradient(circle, #EEC5AC 14%, #EDE6AA 95%);

 

HEX #EDE6AA zu HEX #EEC5AC


CSS-Code:

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

 

HEX #EDE6AA zu HEX #EEC5AC


CSS-Code:

background-image: radial-gradient(circle, #EDE6AA 14%, #EEC5AC 95%);

Linear

HEX #EEC5AC zu HEX #E6AB88


CSS-Code:

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

Radial

HEX #EEC5AC zu HEX #E6AB88


CSS-Code:

background-image: radial-gradient(circle, #EEC5AC 6%, #E6AB88 95%);

 

HEX #E6AB88 zu HEX #EEC5AC


CSS-Code:

background-image: linear-gradient(135deg, #E6AB88 10%, #EEC5AC 90%);

 

HEX #E6AB88 zu HEX #EEC5AC


CSS-Code:

background-image: radial-gradient(circle, #E6AB88 11%, #EEC5AC 88%);

 

HEX #EEC5AC zu HEX #EDC3AA


CSS-Code:

background-image: linear-gradient(135deg, #EEC5AC 7%, #EDC3AA 94%);

 

HEX #EEC5AC zu HEX #EDC3AA


CSS-Code:

background-image: radial-gradient(circle, #EEC5AC 12%, #EDC3AA 86%);

 

HEX #EDC3AA zu HEX #EEC5AC


CSS-Code:

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

 

HEX #EDC3AA zu HEX #EEC5AC


CSS-Code:

background-image: radial-gradient(circle, #EDC3AA 11%, #EEC5AC 97%);

 

HEX #EEC5AC zu HEX #F4DBCC


CSS-Code:

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

 

HEX #EEC5AC zu HEX #F4DBCC


CSS-Code:

background-image: radial-gradient(circle, #EEC5AC 8%, #F4DBCC 97%);

 

HEX #F4DBCC zu HEX #EEC5AC


CSS-Code:

background-image: linear-gradient(135deg, #F4DBCC 1%, #EEC5AC 92%);

 

HEX #F4DBCC zu HEX #EEC5AC


CSS-Code:

background-image: radial-gradient(circle, #F4DBCC 6%, #EEC5AC 93%);

 

HEX #EEC5AC zu HEX #FBF3EE


CSS-Code:

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

 

HEX #EEC5AC zu HEX #FBF3EE


CSS-Code:

background-image: radial-gradient(circle, #EEC5AC 6%, #FBF3EE 98%);

 

HEX #FBF3EE zu HEX #EEC5AC


CSS-Code:

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

 

HEX #FBF3EE zu HEX #EEC5AC


CSS-Code:

background-image: radial-gradient(circle, #FBF3EE 9%, #EEC5AC 89%);

Linear

HEX #EEC5AC zu HEX #C7EDAA


CSS-Code:

background-image: linear-gradient(135deg, #EEC5AC 1%, #C7EDAA 97%);

Radial

HEX #EEC5AC zu HEX #C7EDAA


CSS-Code:

background-image: radial-gradient(circle, #EEC5AC 2%, #C7EDAA 92%);

 

HEX #C7EDAA zu HEX #EEC5AC


CSS-Code:

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

 

HEX #C7EDAA zu HEX #EEC5AC


CSS-Code:

background-image: radial-gradient(circle, #C7EDAA 11%, #EEC5AC 87%);

 

HEX #EEC5AC zu HEX #AAACED


CSS-Code:

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

 

HEX #EEC5AC zu HEX #AAACED


CSS-Code:

background-image: radial-gradient(circle, #EEC5AC 4%, #AAACED 97%);

 

HEX #AAACED zu HEX #EEC5AC


CSS-Code:

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

 

HEX #AAACED zu HEX #EEC5AC


CSS-Code:

background-image: radial-gradient(circle, #AAACED 1%, #EEC5AC 92%);

Linear

HEX #EEC5AC zu HEX #AAEDC3


CSS-Code:

background-image: linear-gradient(135deg, #EEC5AC 9%, #AAEDC3 91%);

Radial

HEX #EEC5AC zu HEX #AAEDC3


CSS-Code:

background-image: radial-gradient(circle, #EEC5AC 3%, #AAEDC3 91%);

 

HEX #AAEDC3 zu HEX #EEC5AC


CSS-Code:

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

 

HEX #AAEDC3 zu HEX #EEC5AC


CSS-Code:

background-image: radial-gradient(circle, #AAEDC3 6%, #EEC5AC 94%);

 

HEX #EEC5AC zu HEX #C3AAED


CSS-Code:

background-image: linear-gradient(135deg, #EEC5AC 5%, #C3AAED 97%);

 

HEX #EEC5AC zu HEX #C3AAED


CSS-Code:

background-image: radial-gradient(circle, #EEC5AC 3%, #C3AAED 92%);

 

HEX #C3AAED zu HEX #EEC5AC


CSS-Code:

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

 

HEX #C3AAED zu HEX #EEC5AC


CSS-Code:

background-image: radial-gradient(circle, #C3AAED 7%, #EEC5AC 95%);

Linear

HEX #EEC5AC zu HEX #C7EDAA


CSS-Code:

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

Radial

HEX #EEC5AC zu HEX #C7EDAA


CSS-Code:

background-image: radial-gradient(circle, #EEC5AC 13%, #C7EDAA 91%);

 

HEX #C7EDAA zu HEX #EEC5AC


CSS-Code:

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

 

HEX #C7EDAA zu HEX #EEC5AC


CSS-Code:

background-image: radial-gradient(circle, #C7EDAA 14%, #EEC5AC 93%);

 

HEX #EEC5AC zu HEX #AAD4ED


CSS-Code:

background-image: linear-gradient(135deg, #EEC5AC 7%, #AAD4ED 99%);

 

HEX #EEC5AC zu HEX #AAD4ED


CSS-Code:

background-image: radial-gradient(circle, #EEC5AC 11%, #AAD4ED 90%);

 

HEX #AAD4ED zu HEX #EEC5AC


CSS-Code:

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

 

HEX #AAD4ED zu HEX #EEC5AC


CSS-Code:

background-image: radial-gradient(circle, #AAD4ED 10%, #EEC5AC 90%);

 

HEX #EEC5AC zu HEX #D0AAED


CSS-Code:

background-image: linear-gradient(135deg, #EEC5AC 10%, #D0AAED 95%);

 

HEX #EEC5AC zu HEX #D0AAED


CSS-Code:

background-image: radial-gradient(circle, #EEC5AC 7%, #D0AAED 99%);

 

HEX #D0AAED zu HEX #EEC5AC


CSS-Code:

background-image: linear-gradient(135deg, #D0AAED 11%, #EEC5AC 97%);

 

HEX #D0AAED zu HEX #EEC5AC


CSS-Code:

background-image: radial-gradient(circle, #D0AAED 12%, #EEC5AC 90%);

Linear

HEX #EEC5AC zu HEX #B3EDAA


CSS-Code:

background-image: linear-gradient(135deg, #EEC5AC 12%, #B3EDAA 86%);

Radial

HEX #EEC5AC zu HEX #B3EDAA


CSS-Code:

background-image: radial-gradient(circle, #EEC5AC 1%, #B3EDAA 99%);

 

HEX #B3EDAA zu HEX #EEC5AC


CSS-Code:

background-image: linear-gradient(135deg, #B3EDAA 13%, #EEC5AC 89%);

 

HEX #B3EDAA zu HEX #EEC5AC


CSS-Code:

background-image: radial-gradient(circle, #B3EDAA 11%, #EEC5AC 89%);

 

HEX #EEC5AC zu HEX #AAD4ED


CSS-Code:

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

 

HEX #EEC5AC zu HEX #AAD4ED


CSS-Code:

background-image: radial-gradient(circle, #EEC5AC 8%, #AAD4ED 88%);

 

HEX #AAD4ED zu HEX #EEC5AC


CSS-Code:

background-image: linear-gradient(135deg, #AAD4ED 7%, #EEC5AC 91%);

 

HEX #AAD4ED zu HEX #EEC5AC


CSS-Code:

background-image: radial-gradient(circle, #AAD4ED 14%, #EEC5AC 100%);

 

HEX #EEC5AC zu HEX #E4AAED


CSS-Code:

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

 

HEX #EEC5AC zu HEX #E4AAED


CSS-Code:

background-image: radial-gradient(circle, #EEC5AC 2%, #E4AAED 94%);

 

HEX #E4AAED zu HEX #EEC5AC


CSS-Code:

background-image: linear-gradient(135deg, #E4AAED 9%, #EEC5AC 92%);

 

HEX #E4AAED zu HEX #EEC5AC


CSS-Code:

background-image: radial-gradient(circle, #E4AAED 12%, #EEC5AC 93%);

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
Icons

CMYK in HEX

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

CMYK in RGB

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

CMYK in RAL®

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

CMYK in HKS®

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

CMYK in PANTONE®

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

CMYK in Sherwin Williams®

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

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
nsc-logo

NCS® in RGB

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

NCS® in CMYK

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

Icons
nsc-logo

NCS® in HEX

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

NCS® in RAL®

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

NCS® in HKS®

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

NCS® in PANTONE®

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

NCS® in Sherwin Williams®

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

Codes

To be able to save color palettes, you must be logged in.

Sign in to your account

or

Create an account

Current color palette Share
Should it be public or private?
Link(s) will follow after sharing.

Cancel Share

Color palette shared
Please copy and save the link you want.

Share

OK, I have copied the links

Your colors will be saved in a new color palette.
View it under your profile.
You can further customize it, and share it.

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

By clicking you can create palettes and download the color swatches.

© 2019-2025 in cooperation ND-DESIGN.WORKS & frag-bobby.de