Jetzt Angebotszeitraum UNSERE API WURDE ERWEITERT

Neue API V3.0: Unsere API zum Angebotspreis erhalten. Greifen Sie jetzt zu. Nutzen Sie detailliertere Farbkonvertierungsergebnisse – perfekt für Webprojekte, Plugins, interne Tools oder SaaS-Anwendungen. Gültig vom 2025-10-21 bis einschließlich 2025-11-21 (23:59 CET)

API-Pakete & Preise X

CSS Gradienten:
CMYK 22 / 0 / 60 / 4

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

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #BFF562 zu HEX #400A9D


CSS-Code:

background-image: linear-gradient(135deg, #BFF562 7%, #400A9D 90%);

Radial

HEX #BFF562 zu HEX #400A9D


CSS-Code:

background-image: radial-gradient(circle, #BFF562 6%, #400A9D 86%);

 

HEX #400A9D zu HEX #BFF562


CSS-Code:

background-image: linear-gradient(135deg, #400A9D 1%, #BFF562 94%);

 

HEX #400A9D zu HEX #BFF562


CSS-Code:

background-image: radial-gradient(circle, #400A9D 14%, #BFF562 92%);

Linear

HEX #BFF562 zu HEX #E6F561


CSS-Code:

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

Radial

HEX #BFF562 zu HEX #E6F561


CSS-Code:

background-image: radial-gradient(circle, #BFF562 11%, #E6F561 91%);

 

HEX #E6F561 zu HEX #BFF562


CSS-Code:

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

 

HEX #E6F561 zu HEX #BFF562


CSS-Code:

background-image: radial-gradient(circle, #E6F561 11%, #BFF562 93%);

 

HEX #BFF562 zu HEX #BFF561


CSS-Code:

background-image: linear-gradient(135deg, #BFF562 11%, #BFF561 90%);

 

HEX #BFF562 zu HEX #BFF561


CSS-Code:

background-image: radial-gradient(circle, #BFF562 2%, #BFF561 88%);

 

HEX #BFF561 zu HEX #BFF562


CSS-Code:

background-image: linear-gradient(135deg, #BFF561 11%, #BFF562 100%);

 

HEX #BFF561 zu HEX #BFF562


CSS-Code:

background-image: radial-gradient(circle, #BFF561 8%, #BFF562 90%);

 

HEX #BFF562 zu HEX #97F561


CSS-Code:

background-image: linear-gradient(135deg, #BFF562 7%, #97F561 92%);

 

HEX #BFF562 zu HEX #97F561


CSS-Code:

background-image: radial-gradient(circle, #BFF562 3%, #97F561 93%);

 

HEX #97F561 zu HEX #BFF562


CSS-Code:

background-image: linear-gradient(135deg, #97F561 5%, #BFF562 89%);

 

HEX #97F561 zu HEX #BFF562


CSS-Code:

background-image: radial-gradient(circle, #97F561 1%, #BFF562 87%);

 

HEX #BFF562 zu HEX #70F561


CSS-Code:

background-image: linear-gradient(135deg, #BFF562 3%, #70F561 99%);

 

HEX #BFF562 zu HEX #70F561


CSS-Code:

background-image: radial-gradient(circle, #BFF562 13%, #70F561 89%);

 

HEX #70F561 zu HEX #BFF562


CSS-Code:

background-image: linear-gradient(135deg, #70F561 4%, #BFF562 86%);

 

HEX #70F561 zu HEX #BFF562


CSS-Code:

background-image: radial-gradient(circle, #70F561 7%, #BFF562 95%);

Linear

HEX #BFF562 zu HEX #AFF23A


CSS-Code:

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

Radial

HEX #BFF562 zu HEX #AFF23A


CSS-Code:

background-image: radial-gradient(circle, #BFF562 1%, #AFF23A 100%);

 

HEX #AFF23A zu HEX #BFF562


CSS-Code:

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

 

HEX #AFF23A zu HEX #BFF562


CSS-Code:

background-image: radial-gradient(circle, #AFF23A 2%, #BFF562 95%);

 

HEX #BFF562 zu HEX #BEF561


CSS-Code:

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

 

HEX #BFF562 zu HEX #BEF561


CSS-Code:

background-image: radial-gradient(circle, #BFF562 9%, #BEF561 91%);

 

HEX #BEF561 zu HEX #BFF562


CSS-Code:

background-image: linear-gradient(135deg, #BEF561 0%, #BFF562 96%);

 

HEX #BEF561 zu HEX #BFF562


CSS-Code:

background-image: radial-gradient(circle, #BEF561 8%, #BFF562 94%);

 

HEX #BFF562 zu HEX #CEF788


CSS-Code:

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

 

HEX #BFF562 zu HEX #CEF788


CSS-Code:

background-image: radial-gradient(circle, #BFF562 7%, #CEF788 98%);

 

HEX #CEF788 zu HEX #BFF562


CSS-Code:

background-image: linear-gradient(135deg, #CEF788 7%, #BFF562 95%);

 

HEX #CEF788 zu HEX #BFF562


CSS-Code:

background-image: radial-gradient(circle, #CEF788 12%, #BFF562 96%);

 

HEX #BFF562 zu HEX #DEFAAE


CSS-Code:

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

 

HEX #BFF562 zu HEX #DEFAAE


CSS-Code:

background-image: radial-gradient(circle, #BFF562 14%, #DEFAAE 87%);

 

HEX #DEFAAE zu HEX #BFF562


CSS-Code:

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

 

HEX #DEFAAE zu HEX #BFF562


CSS-Code:

background-image: radial-gradient(circle, #DEFAAE 7%, #BFF562 87%);

Linear

HEX #BFF562 zu HEX #E6F561


CSS-Code:

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

Radial

HEX #BFF562 zu HEX #E6F561


CSS-Code:

background-image: radial-gradient(circle, #BFF562 0%, #E6F561 97%);

 

HEX #E6F561 zu HEX #BFF562


CSS-Code:

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

 

HEX #E6F561 zu HEX #BFF562


CSS-Code:

background-image: radial-gradient(circle, #E6F561 12%, #BFF562 99%);

 

HEX #BFF562 zu HEX #BFF561


CSS-Code:

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

 

HEX #BFF562 zu HEX #BFF561


CSS-Code:

background-image: radial-gradient(circle, #BFF562 1%, #BFF561 88%);

 

HEX #BFF561 zu HEX #BFF562


CSS-Code:

background-image: linear-gradient(135deg, #BFF561 12%, #BFF562 93%);

 

HEX #BFF561 zu HEX #BFF562


CSS-Code:

background-image: radial-gradient(circle, #BFF561 8%, #BFF562 99%);

 

HEX #BFF562 zu HEX #97F561


CSS-Code:

background-image: linear-gradient(135deg, #BFF562 7%, #97F561 96%);

 

HEX #BFF562 zu HEX #97F561


CSS-Code:

background-image: radial-gradient(circle, #BFF562 3%, #97F561 89%);

 

HEX #97F561 zu HEX #BFF562


CSS-Code:

background-image: linear-gradient(135deg, #97F561 14%, #BFF562 98%);

 

HEX #97F561 zu HEX #BFF562


CSS-Code:

background-image: radial-gradient(circle, #97F561 9%, #BFF562 94%);

 

HEX #BFF562 zu HEX #70F561


CSS-Code:

background-image: linear-gradient(135deg, #BFF562 10%, #70F561 95%);

 

HEX #BFF562 zu HEX #70F561


CSS-Code:

background-image: radial-gradient(circle, #BFF562 4%, #70F561 100%);

 

HEX #70F561 zu HEX #BFF562


CSS-Code:

background-image: linear-gradient(135deg, #70F561 8%, #BFF562 87%);

 

HEX #70F561 zu HEX #BFF562


CSS-Code:

background-image: radial-gradient(circle, #70F561 14%, #BFF562 95%);

Linear

HEX #BFF562 zu HEX #AFF23A


CSS-Code:

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

Radial

HEX #BFF562 zu HEX #AFF23A


CSS-Code:

background-image: radial-gradient(circle, #BFF562 10%, #AFF23A 89%);

 

HEX #AFF23A zu HEX #BFF562


CSS-Code:

background-image: linear-gradient(135deg, #AFF23A 0%, #BFF562 99%);

 

HEX #AFF23A zu HEX #BFF562


CSS-Code:

background-image: radial-gradient(circle, #AFF23A 6%, #BFF562 96%);

 

HEX #BFF562 zu HEX #BEF561


CSS-Code:

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

 

HEX #BFF562 zu HEX #BEF561


CSS-Code:

background-image: radial-gradient(circle, #BFF562 13%, #BEF561 99%);

 

HEX #BEF561 zu HEX #BFF562


CSS-Code:

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

 

HEX #BEF561 zu HEX #BFF562


CSS-Code:

background-image: radial-gradient(circle, #BEF561 13%, #BFF562 100%);

 

HEX #BFF562 zu HEX #CEF788


CSS-Code:

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

 

HEX #BFF562 zu HEX #CEF788


CSS-Code:

background-image: radial-gradient(circle, #BFF562 12%, #CEF788 92%);

 

HEX #CEF788 zu HEX #BFF562


CSS-Code:

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

 

HEX #CEF788 zu HEX #BFF562


CSS-Code:

background-image: radial-gradient(circle, #CEF788 4%, #BFF562 94%);

 

HEX #BFF562 zu HEX #DEFAAE


CSS-Code:

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

 

HEX #BFF562 zu HEX #DEFAAE


CSS-Code:

background-image: radial-gradient(circle, #BFF562 1%, #DEFAAE 90%);

 

HEX #DEFAAE zu HEX #BFF562


CSS-Code:

background-image: linear-gradient(135deg, #DEFAAE 6%, #BFF562 91%);

 

HEX #DEFAAE zu HEX #BFF562


CSS-Code:

background-image: radial-gradient(circle, #DEFAAE 3%, #BFF562 93%);

Linear

HEX #BFF562 zu HEX #61F5B5


CSS-Code:

background-image: linear-gradient(135deg, #BFF562 10%, #61F5B5 96%);

Radial

HEX #BFF562 zu HEX #61F5B5


CSS-Code:

background-image: radial-gradient(circle, #BFF562 2%, #61F5B5 91%);

 

HEX #61F5B5 zu HEX #BFF562


CSS-Code:

background-image: linear-gradient(135deg, #61F5B5 5%, #BFF562 89%);

 

HEX #61F5B5 zu HEX #BFF562


CSS-Code:

background-image: radial-gradient(circle, #61F5B5 2%, #BFF562 91%);

 

HEX #BFF562 zu HEX #F061F5


CSS-Code:

background-image: linear-gradient(135deg, #BFF562 6%, #F061F5 96%);

 

HEX #BFF562 zu HEX #F061F5


CSS-Code:

background-image: radial-gradient(circle, #BFF562 5%, #F061F5 98%);

 

HEX #F061F5 zu HEX #BFF562


CSS-Code:

background-image: linear-gradient(135deg, #F061F5 3%, #BFF562 90%);

 

HEX #F061F5 zu HEX #BFF562


CSS-Code:

background-image: radial-gradient(circle, #F061F5 5%, #BFF562 99%);

Linear

HEX #BFF562 zu HEX #61BFF5


CSS-Code:

background-image: linear-gradient(135deg, #BFF562 4%, #61BFF5 95%);

Radial

HEX #BFF562 zu HEX #61BFF5


CSS-Code:

background-image: radial-gradient(circle, #BFF562 9%, #61BFF5 88%);

 

HEX #61BFF5 zu HEX #BFF562


CSS-Code:

background-image: linear-gradient(135deg, #61BFF5 1%, #BFF562 89%);

 

HEX #61BFF5 zu HEX #BFF562


CSS-Code:

background-image: radial-gradient(circle, #61BFF5 6%, #BFF562 86%);

 

HEX #BFF562 zu HEX #F561BF


CSS-Code:

background-image: linear-gradient(135deg, #BFF562 0%, #F561BF 96%);

 

HEX #BFF562 zu HEX #F561BF


CSS-Code:

background-image: radial-gradient(circle, #BFF562 6%, #F561BF 100%);

 

HEX #F561BF zu HEX #BFF562


CSS-Code:

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

 

HEX #F561BF zu HEX #BFF562


CSS-Code:

background-image: radial-gradient(circle, #F561BF 14%, #BFF562 93%);

Linear

HEX #BFF562 zu HEX #61F5B5


CSS-Code:

background-image: linear-gradient(135deg, #BFF562 1%, #61F5B5 100%);

Radial

HEX #BFF562 zu HEX #61F5B5


CSS-Code:

background-image: radial-gradient(circle, #BFF562 10%, #61F5B5 95%);

 

HEX #61F5B5 zu HEX #BFF562


CSS-Code:

background-image: linear-gradient(135deg, #61F5B5 4%, #BFF562 99%);

 

HEX #61F5B5 zu HEX #BFF562


CSS-Code:

background-image: radial-gradient(circle, #61F5B5 7%, #BFF562 97%);

 

HEX #BFF562 zu HEX #9761F5


CSS-Code:

background-image: linear-gradient(135deg, #BFF562 9%, #9761F5 88%);

 

HEX #BFF562 zu HEX #9761F5


CSS-Code:

background-image: radial-gradient(circle, #BFF562 8%, #9761F5 93%);

 

HEX #9761F5 zu HEX #BFF562


CSS-Code:

background-image: linear-gradient(135deg, #9761F5 11%, #BFF562 97%);

 

HEX #9761F5 zu HEX #BFF562


CSS-Code:

background-image: radial-gradient(circle, #9761F5 6%, #BFF562 86%);

 

HEX #BFF562 zu HEX #F561A1


CSS-Code:

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

 

HEX #BFF562 zu HEX #F561A1


CSS-Code:

background-image: radial-gradient(circle, #BFF562 13%, #F561A1 91%);

 

HEX #F561A1 zu HEX #BFF562


CSS-Code:

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

 

HEX #F561A1 zu HEX #BFF562


CSS-Code:

background-image: radial-gradient(circle, #F561A1 1%, #BFF562 96%);

Linear

HEX #BFF562 zu HEX #61F5E1


CSS-Code:

background-image: linear-gradient(135deg, #BFF562 14%, #61F5E1 95%);

Radial

HEX #BFF562 zu HEX #61F5E1


CSS-Code:

background-image: radial-gradient(circle, #BFF562 1%, #61F5E1 90%);

 

HEX #61F5E1 zu HEX #BFF562


CSS-Code:

background-image: linear-gradient(135deg, #61F5E1 11%, #BFF562 99%);

 

HEX #61F5E1 zu HEX #BFF562


CSS-Code:

background-image: radial-gradient(circle, #61F5E1 7%, #BFF562 90%);

 

HEX #BFF562 zu HEX #9761F5


CSS-Code:

background-image: linear-gradient(135deg, #BFF562 12%, #9761F5 100%);

 

HEX #BFF562 zu HEX #9761F5


CSS-Code:

background-image: radial-gradient(circle, #BFF562 9%, #9761F5 93%);

 

HEX #9761F5 zu HEX #BFF562


CSS-Code:

background-image: linear-gradient(135deg, #9761F5 13%, #BFF562 98%);

 

HEX #9761F5 zu HEX #BFF562


CSS-Code:

background-image: radial-gradient(circle, #9761F5 12%, #BFF562 97%);

 

HEX #BFF562 zu HEX #F56175


CSS-Code:

background-image: linear-gradient(135deg, #BFF562 5%, #F56175 100%);

 

HEX #BFF562 zu HEX #F56175


CSS-Code:

background-image: radial-gradient(circle, #BFF562 8%, #F56175 96%);

 

HEX #F56175 zu HEX #BFF562


CSS-Code:

background-image: linear-gradient(135deg, #F56175 4%, #BFF562 90%);

 

HEX #F56175 zu HEX #BFF562


CSS-Code:

background-image: radial-gradient(circle, #F56175 14%, #BFF562 98%);

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.