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

✕

CSS Gradienten:
#C6A389

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 198 Rot, 163 Grün und 137 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.
198 163 137 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils keine Cyan, 18 Magenta, 31 Gelb und 22 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% 18% 31% 22% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #C6A389 zu HEX #395C76


CSS-Code:

background-image: linear-gradient(135deg, #C6A389 3%, #395C76 86%);

Radial

HEX #C6A389 zu HEX #395C76


CSS-Code:

background-image: radial-gradient(circle, #C6A389 13%, #395C76 95%);

 

HEX #395C76 zu HEX #C6A389


CSS-Code:

background-image: linear-gradient(135deg, #395C76 13%, #C6A389 100%);

 

HEX #395C76 zu HEX #C6A389


CSS-Code:

background-image: radial-gradient(circle, #395C76 8%, #C6A389 89%);

Linear

HEX #C6A389 zu HEX #DCB597


CSS-Code:

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

Radial

HEX #C6A389 zu HEX #DCB597


CSS-Code:

background-image: radial-gradient(circle, #C6A389 8%, #DCB597 91%);

 

HEX #DCB597 zu HEX #C6A389


CSS-Code:

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

 

HEX #DCB597 zu HEX #C6A389


CSS-Code:

background-image: radial-gradient(circle, #DCB597 10%, #C6A389 99%);

 

HEX #C6A389 zu HEX #EDC7AA


CSS-Code:

background-image: linear-gradient(135deg, #C6A389 1%, #EDC7AA 93%);

 

HEX #C6A389 zu HEX #EDC7AA


CSS-Code:

background-image: radial-gradient(circle, #C6A389 5%, #EDC7AA 87%);

 

HEX #EDC7AA zu HEX #C6A389


CSS-Code:

background-image: linear-gradient(135deg, #EDC7AA 12%, #C6A389 95%);

 

HEX #EDC7AA zu HEX #C6A389


CSS-Code:

background-image: radial-gradient(circle, #EDC7AA 14%, #C6A389 95%);

 

HEX #C6A389 zu HEX #FED9BD


CSS-Code:

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

 

HEX #C6A389 zu HEX #FED9BD


CSS-Code:

background-image: radial-gradient(circle, #C6A389 14%, #FED9BD 88%);

 

HEX #FED9BD zu HEX #C6A389


CSS-Code:

background-image: linear-gradient(135deg, #FED9BD 3%, #C6A389 100%);

 

HEX #FED9BD zu HEX #C6A389


CSS-Code:

background-image: radial-gradient(circle, #FED9BD 14%, #C6A389 98%);

 

HEX #C6A389 zu HEX #FFEBD0


CSS-Code:

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

 

HEX #C6A389 zu HEX #FFEBD0


CSS-Code:

background-image: radial-gradient(circle, #C6A389 11%, #FFEBD0 93%);

 

HEX #FFEBD0 zu HEX #C6A389


CSS-Code:

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

 

HEX #FFEBD0 zu HEX #C6A389


CSS-Code:

background-image: radial-gradient(circle, #FFEBD0 10%, #C6A389 95%);

Linear

HEX #C6A389 zu HEX #B59176


CSS-Code:

background-image: linear-gradient(135deg, #C6A389 3%, #B59176 91%);

Radial

HEX #C6A389 zu HEX #B59176


CSS-Code:

background-image: radial-gradient(circle, #C6A389 0%, #B59176 94%);

 

HEX #B59176 zu HEX #C6A389


CSS-Code:

background-image: linear-gradient(135deg, #B59176 7%, #C6A389 87%);

 

HEX #B59176 zu HEX #C6A389


CSS-Code:

background-image: radial-gradient(circle, #B59176 9%, #C6A389 95%);

 

HEX #C6A389 zu HEX #A47F63


CSS-Code:

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

 

HEX #C6A389 zu HEX #A47F63


CSS-Code:

background-image: radial-gradient(circle, #C6A389 10%, #A47F63 86%);

 

HEX #A47F63 zu HEX #C6A389


CSS-Code:

background-image: linear-gradient(135deg, #A47F63 14%, #C6A389 86%);

 

HEX #A47F63 zu HEX #C6A389


CSS-Code:

background-image: radial-gradient(circle, #A47F63 7%, #C6A389 96%);

 

HEX #C6A389 zu HEX #936D50


CSS-Code:

background-image: linear-gradient(135deg, #C6A389 13%, #936D50 99%);

 

HEX #C6A389 zu HEX #936D50


CSS-Code:

background-image: radial-gradient(circle, #C6A389 14%, #936D50 87%);

 

HEX #936D50 zu HEX #C6A389


CSS-Code:

background-image: linear-gradient(135deg, #936D50 10%, #C6A389 95%);

 

HEX #936D50 zu HEX #C6A389


CSS-Code:

background-image: radial-gradient(circle, #936D50 14%, #C6A389 94%);

 

HEX #C6A389 zu HEX #825B3D


CSS-Code:

background-image: linear-gradient(135deg, #C6A389 10%, #825B3D 100%);

 

HEX #C6A389 zu HEX #825B3D


CSS-Code:

background-image: radial-gradient(circle, #C6A389 9%, #825B3D 93%);

 

HEX #825B3D zu HEX #C6A389


CSS-Code:

background-image: linear-gradient(135deg, #825B3D 3%, #C6A389 98%);

 

HEX #825B3D zu HEX #C6A389


CSS-Code:

background-image: radial-gradient(circle, #825B3D 8%, #C6A389 90%);

Linear

HEX #C6A389 zu HEX #C6AD89


CSS-Code:

background-image: linear-gradient(135deg, #C6A389 8%, #C6AD89 87%);

Radial

HEX #C6A389 zu HEX #C6AD89


CSS-Code:

background-image: radial-gradient(circle, #C6A389 6%, #C6AD89 88%);

 

HEX #C6AD89 zu HEX #C6A389


CSS-Code:

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

 

HEX #C6AD89 zu HEX #C6A389


CSS-Code:

background-image: radial-gradient(circle, #C6AD89 14%, #C6A389 99%);

 

HEX #C6A389 zu HEX #C6B789


CSS-Code:

background-image: linear-gradient(135deg, #C6A389 6%, #C6B789 87%);

 

HEX #C6A389 zu HEX #C6B789


CSS-Code:

background-image: radial-gradient(circle, #C6A389 6%, #C6B789 93%);

 

HEX #C6B789 zu HEX #C6A389


CSS-Code:

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

 

HEX #C6B789 zu HEX #C6A389


CSS-Code:

background-image: radial-gradient(circle, #C6B789 7%, #C6A389 97%);

 

HEX #C6A389 zu HEX #C6C189


CSS-Code:

background-image: linear-gradient(135deg, #C6A389 2%, #C6C189 91%);

 

HEX #C6A389 zu HEX #C6C189


CSS-Code:

background-image: radial-gradient(circle, #C6A389 7%, #C6C189 88%);

 

HEX #C6C189 zu HEX #C6A389


CSS-Code:

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

 

HEX #C6C189 zu HEX #C6A389


CSS-Code:

background-image: radial-gradient(circle, #C6C189 5%, #C6A389 91%);

 

HEX #C6A389 zu HEX #C1C689


CSS-Code:

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

 

HEX #C6A389 zu HEX #C1C689


CSS-Code:

background-image: radial-gradient(circle, #C6A389 9%, #C1C689 87%);

 

HEX #C1C689 zu HEX #C6A389


CSS-Code:

background-image: linear-gradient(135deg, #C1C689 12%, #C6A389 95%);

 

HEX #C1C689 zu HEX #C6A389


CSS-Code:

background-image: radial-gradient(circle, #C1C689 10%, #C6A389 91%);

Linear

HEX #C6A389 zu HEX #F9CDAC


CSS-Code:

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

Radial

HEX #C6A389 zu HEX #F9CDAC


CSS-Code:

background-image: radial-gradient(circle, #C6A389 0%, #F9CDAC 88%);

 

HEX #F9CDAC zu HEX #C6A389


CSS-Code:

background-image: linear-gradient(135deg, #F9CDAC 3%, #C6A389 100%);

 

HEX #F9CDAC zu HEX #C6A389


CSS-Code:

background-image: radial-gradient(circle, #F9CDAC 6%, #C6A389 96%);

 

HEX #C6A389 zu HEX #2D251F


CSS-Code:

background-image: linear-gradient(135deg, #C6A389 13%, #2D251F 97%);

 

HEX #C6A389 zu HEX #2D251F


CSS-Code:

background-image: radial-gradient(circle, #C6A389 7%, #2D251F 96%);

 

HEX #2D251F zu HEX #C6A389


CSS-Code:

background-image: linear-gradient(135deg, #2D251F 11%, #C6A389 99%);

 

HEX #2D251F zu HEX #C6A389


CSS-Code:

background-image: radial-gradient(circle, #2D251F 12%, #C6A389 96%);

 

HEX #C6A389 zu HEX #604F42


CSS-Code:

background-image: linear-gradient(135deg, #C6A389 7%, #604F42 91%);

 

HEX #C6A389 zu HEX #604F42


CSS-Code:

background-image: radial-gradient(circle, #C6A389 0%, #604F42 99%);

 

HEX #604F42 zu HEX #C6A389


CSS-Code:

background-image: linear-gradient(135deg, #604F42 14%, #C6A389 89%);

 

HEX #604F42 zu HEX #C6A389


CSS-Code:

background-image: radial-gradient(circle, #604F42 7%, #C6A389 92%);

 

HEX #C6A389 zu HEX #937966


CSS-Code:

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

 

HEX #C6A389 zu HEX #937966


CSS-Code:

background-image: radial-gradient(circle, #C6A389 10%, #937966 94%);

 

HEX #937966 zu HEX #C6A389


CSS-Code:

background-image: linear-gradient(135deg, #937966 14%, #C6A389 87%);

 

HEX #937966 zu HEX #C6A389


CSS-Code:

background-image: radial-gradient(circle, #937966 7%, #C6A389 91%);

Linear

HEX #C6A389 zu HEX #A1C689


CSS-Code:

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

Radial

HEX #C6A389 zu HEX #A1C689


CSS-Code:

background-image: radial-gradient(circle, #C6A389 13%, #A1C689 95%);

 

HEX #A1C689 zu HEX #C6A389


CSS-Code:

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

 

HEX #A1C689 zu HEX #C6A389


CSS-Code:

background-image: radial-gradient(circle, #A1C689 3%, #C6A389 91%);

 

HEX #C6A389 zu HEX #8A89C6


CSS-Code:

background-image: linear-gradient(135deg, #C6A389 1%, #8A89C6 88%);

 

HEX #C6A389 zu HEX #8A89C6


CSS-Code:

background-image: radial-gradient(circle, #C6A389 14%, #8A89C6 94%);

 

HEX #8A89C6 zu HEX #C6A389


CSS-Code:

background-image: linear-gradient(135deg, #8A89C6 0%, #C6A389 96%);

 

HEX #8A89C6 zu HEX #C6A389


CSS-Code:

background-image: radial-gradient(circle, #8A89C6 10%, #C6A389 94%);

Linear

HEX #C6A389 zu HEX #89C6A3


CSS-Code:

background-image: linear-gradient(135deg, #C6A389 9%, #89C6A3 100%);

Radial

HEX #C6A389 zu HEX #89C6A3


CSS-Code:

background-image: radial-gradient(circle, #C6A389 2%, #89C6A3 87%);

 

HEX #89C6A3 zu HEX #C6A389


CSS-Code:

background-image: linear-gradient(135deg, #89C6A3 9%, #C6A389 86%);

 

HEX #89C6A3 zu HEX #C6A389


CSS-Code:

background-image: radial-gradient(circle, #89C6A3 7%, #C6A389 87%);

 

HEX #C6A389 zu HEX #A389C6


CSS-Code:

background-image: linear-gradient(135deg, #C6A389 6%, #A389C6 95%);

 

HEX #C6A389 zu HEX #A389C6


CSS-Code:

background-image: radial-gradient(circle, #C6A389 13%, #A389C6 86%);

 

HEX #A389C6 zu HEX #C6A389


CSS-Code:

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

 

HEX #A389C6 zu HEX #C6A389


CSS-Code:

background-image: radial-gradient(circle, #A389C6 8%, #C6A389 99%);

Linear

HEX #C6A389 zu HEX #A1C689


CSS-Code:

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

Radial

HEX #C6A389 zu HEX #A1C689


CSS-Code:

background-image: radial-gradient(circle, #C6A389 1%, #A1C689 99%);

 

HEX #A1C689 zu HEX #C6A389


CSS-Code:

background-image: linear-gradient(135deg, #A1C689 14%, #C6A389 93%);

 

HEX #A1C689 zu HEX #C6A389


CSS-Code:

background-image: radial-gradient(circle, #A1C689 6%, #C6A389 88%);

 

HEX #C6A389 zu HEX #89ADC6


CSS-Code:

background-image: linear-gradient(135deg, #C6A389 10%, #89ADC6 88%);

 

HEX #C6A389 zu HEX #89ADC6


CSS-Code:

background-image: radial-gradient(circle, #C6A389 12%, #89ADC6 96%);

 

HEX #89ADC6 zu HEX #C6A389


CSS-Code:

background-image: linear-gradient(135deg, #89ADC6 5%, #C6A389 99%);

 

HEX #89ADC6 zu HEX #C6A389


CSS-Code:

background-image: radial-gradient(circle, #89ADC6 9%, #C6A389 93%);

 

HEX #C6A389 zu HEX #AF89C6


CSS-Code:

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

 

HEX #C6A389 zu HEX #AF89C6


CSS-Code:

background-image: radial-gradient(circle, #C6A389 4%, #AF89C6 87%);

 

HEX #AF89C6 zu HEX #C6A389


CSS-Code:

background-image: linear-gradient(135deg, #AF89C6 11%, #C6A389 88%);

 

HEX #AF89C6 zu HEX #C6A389


CSS-Code:

background-image: radial-gradient(circle, #AF89C6 10%, #C6A389 93%);

Linear

HEX #C6A389 zu HEX #8FC689


CSS-Code:

background-image: linear-gradient(135deg, #C6A389 14%, #8FC689 96%);

Radial

HEX #C6A389 zu HEX #8FC689


CSS-Code:

background-image: radial-gradient(circle, #C6A389 7%, #8FC689 96%);

 

HEX #8FC689 zu HEX #C6A389


CSS-Code:

background-image: linear-gradient(135deg, #8FC689 2%, #C6A389 89%);

 

HEX #8FC689 zu HEX #C6A389


CSS-Code:

background-image: radial-gradient(circle, #8FC689 14%, #C6A389 100%);

 

HEX #C6A389 zu HEX #89ADC6


CSS-Code:

background-image: linear-gradient(135deg, #C6A389 7%, #89ADC6 98%);

 

HEX #C6A389 zu HEX #89ADC6


CSS-Code:

background-image: radial-gradient(circle, #C6A389 10%, #89ADC6 97%);

 

HEX #89ADC6 zu HEX #C6A389


CSS-Code:

background-image: linear-gradient(135deg, #89ADC6 12%, #C6A389 86%);

 

HEX #89ADC6 zu HEX #C6A389


CSS-Code:

background-image: radial-gradient(circle, #89ADC6 4%, #C6A389 95%);

 

HEX #C6A389 zu HEX #C189C6


CSS-Code:

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

 

HEX #C6A389 zu HEX #C189C6


CSS-Code:

background-image: radial-gradient(circle, #C6A389 11%, #C189C6 93%);

 

HEX #C189C6 zu HEX #C6A389


CSS-Code:

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

 

HEX #C189C6 zu HEX #C6A389


CSS-Code:

background-image: radial-gradient(circle, #C189C6 3%, #C6A389 92%);

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

umrechnen von CMYK cyan / magenta / gelb / key zu RGBA rot grün blau transparenz
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 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
nsc-logo

NCS® in RGB

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

NCS® in RGBA

umrechnen von NCS-Nummer (S0000-X00X) zu RGBA rot grün blau transparenz
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)

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-2024 in cooperation ND-DESIGN.WORKS & frag-bobby.de