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

✕

CSS Gradienten:
#BAFE52

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

Bei dieser Farbe hebt sich Gelb von den anderen Farben ab. Die Werte die für den roten und grünen Farbton stehen, sind größer als der dritte Wert. Sie liegen nahe beieinander und übertreffen den Wert des blauen Farbtons. 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 186 Rot, 254 Grün und 82 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.
186 254 82 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 27 Cyan, keine Magenta, 68 Gelb und keine 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.
27% 0% 68% 0% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #BAFE52 zu HEX #4501AD


CSS-Code:

background-image: linear-gradient(135deg, #BAFE52 5%, #4501AD 100%);

Radial

HEX #BAFE52 zu HEX #4501AD


CSS-Code:

background-image: radial-gradient(circle, #BAFE52 2%, #4501AD 99%);

 

HEX #4501AD zu HEX #BAFE52


CSS-Code:

background-image: linear-gradient(135deg, #4501AD 11%, #BAFE52 87%);

 

HEX #4501AD zu HEX #BAFE52


CSS-Code:

background-image: radial-gradient(circle, #4501AD 13%, #BAFE52 98%);

Linear

HEX #BAFE52 zu HEX #EAFE52


CSS-Code:

background-image: linear-gradient(135deg, #BAFE52 2%, #EAFE52 88%);

Radial

HEX #BAFE52 zu HEX #EAFE52


CSS-Code:

background-image: radial-gradient(circle, #BAFE52 2%, #EAFE52 96%);

 

HEX #EAFE52 zu HEX #BAFE52


CSS-Code:

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

 

HEX #EAFE52 zu HEX #BAFE52


CSS-Code:

background-image: radial-gradient(circle, #EAFE52 9%, #BAFE52 91%);

 

HEX #BAFE52 zu HEX #BCFE52


CSS-Code:

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

 

HEX #BAFE52 zu HEX #BCFE52


CSS-Code:

background-image: radial-gradient(circle, #BAFE52 7%, #BCFE52 99%);

 

HEX #BCFE52 zu HEX #BAFE52


CSS-Code:

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

 

HEX #BCFE52 zu HEX #BAFE52


CSS-Code:

background-image: radial-gradient(circle, #BCFE52 11%, #BAFE52 90%);

 

HEX #BAFE52 zu HEX #8EFE52


CSS-Code:

background-image: linear-gradient(135deg, #BAFE52 3%, #8EFE52 89%);

 

HEX #BAFE52 zu HEX #8EFE52


CSS-Code:

background-image: radial-gradient(circle, #BAFE52 13%, #8EFE52 99%);

 

HEX #8EFE52 zu HEX #BAFE52


CSS-Code:

background-image: linear-gradient(135deg, #8EFE52 12%, #BAFE52 89%);

 

HEX #8EFE52 zu HEX #BAFE52


CSS-Code:

background-image: radial-gradient(circle, #8EFE52 9%, #BAFE52 93%);

 

HEX #BAFE52 zu HEX #60FE52


CSS-Code:

background-image: linear-gradient(135deg, #BAFE52 9%, #60FE52 88%);

 

HEX #BAFE52 zu HEX #60FE52


CSS-Code:

background-image: radial-gradient(circle, #BAFE52 1%, #60FE52 96%);

 

HEX #60FE52 zu HEX #BAFE52


CSS-Code:

background-image: linear-gradient(135deg, #60FE52 8%, #BAFE52 91%);

 

HEX #60FE52 zu HEX #BAFE52


CSS-Code:

background-image: radial-gradient(circle, #60FE52 5%, #BAFE52 100%);

Linear

HEX #BAFE52 zu HEX #A9FD29


CSS-Code:

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

Radial

HEX #BAFE52 zu HEX #A9FD29


CSS-Code:

background-image: radial-gradient(circle, #BAFE52 7%, #A9FD29 88%);

 

HEX #A9FD29 zu HEX #BAFE52


CSS-Code:

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

 

HEX #A9FD29 zu HEX #BAFE52


CSS-Code:

background-image: radial-gradient(circle, #A9FD29 4%, #BAFE52 99%);

 

HEX #BAFE52 zu HEX #CAFE7B


CSS-Code:

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

 

HEX #BAFE52 zu HEX #CAFE7B


CSS-Code:

background-image: radial-gradient(circle, #BAFE52 3%, #CAFE7B 97%);

 

HEX #CAFE7B zu HEX #BAFE52


CSS-Code:

background-image: linear-gradient(135deg, #CAFE7B 11%, #BAFE52 86%);

 

HEX #CAFE7B zu HEX #BAFE52


CSS-Code:

background-image: radial-gradient(circle, #CAFE7B 0%, #BAFE52 91%);

 

HEX #BAFE52 zu HEX #DAFEA4


CSS-Code:

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

 

HEX #BAFE52 zu HEX #DAFEA4


CSS-Code:

background-image: radial-gradient(circle, #BAFE52 13%, #DAFEA4 93%);

 

HEX #DAFEA4 zu HEX #BAFE52


CSS-Code:

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

 

HEX #DAFEA4 zu HEX #BAFE52


CSS-Code:

background-image: radial-gradient(circle, #DAFEA4 1%, #BAFE52 95%);

Linear

HEX #BAFE52 zu HEX #EAFE52


CSS-Code:

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

Radial

HEX #BAFE52 zu HEX #EAFE52


CSS-Code:

background-image: radial-gradient(circle, #BAFE52 7%, #EAFE52 93%);

 

HEX #EAFE52 zu HEX #BAFE52


CSS-Code:

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

 

HEX #EAFE52 zu HEX #BAFE52


CSS-Code:

background-image: radial-gradient(circle, #EAFE52 1%, #BAFE52 86%);

 

HEX #BAFE52 zu HEX #BCFE52


CSS-Code:

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

 

HEX #BAFE52 zu HEX #BCFE52


CSS-Code:

background-image: radial-gradient(circle, #BAFE52 6%, #BCFE52 95%);

 

HEX #BCFE52 zu HEX #BAFE52


CSS-Code:

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

 

HEX #BCFE52 zu HEX #BAFE52


CSS-Code:

background-image: radial-gradient(circle, #BCFE52 10%, #BAFE52 89%);

 

HEX #BAFE52 zu HEX #8EFE52


CSS-Code:

background-image: linear-gradient(135deg, #BAFE52 4%, #8EFE52 87%);

 

HEX #BAFE52 zu HEX #8EFE52


CSS-Code:

background-image: radial-gradient(circle, #BAFE52 5%, #8EFE52 98%);

 

HEX #8EFE52 zu HEX #BAFE52


CSS-Code:

background-image: linear-gradient(135deg, #8EFE52 7%, #BAFE52 88%);

 

HEX #8EFE52 zu HEX #BAFE52


CSS-Code:

background-image: radial-gradient(circle, #8EFE52 8%, #BAFE52 100%);

 

HEX #BAFE52 zu HEX #60FE52


CSS-Code:

background-image: linear-gradient(135deg, #BAFE52 12%, #60FE52 88%);

 

HEX #BAFE52 zu HEX #60FE52


CSS-Code:

background-image: radial-gradient(circle, #BAFE52 13%, #60FE52 90%);

 

HEX #60FE52 zu HEX #BAFE52


CSS-Code:

background-image: linear-gradient(135deg, #60FE52 9%, #BAFE52 97%);

 

HEX #60FE52 zu HEX #BAFE52


CSS-Code:

background-image: radial-gradient(circle, #60FE52 9%, #BAFE52 90%);

Linear

HEX #BAFE52 zu HEX #A9FD29


CSS-Code:

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

Radial

HEX #BAFE52 zu HEX #A9FD29


CSS-Code:

background-image: radial-gradient(circle, #BAFE52 1%, #A9FD29 97%);

 

HEX #A9FD29 zu HEX #BAFE52


CSS-Code:

background-image: linear-gradient(135deg, #A9FD29 2%, #BAFE52 93%);

 

HEX #A9FD29 zu HEX #BAFE52


CSS-Code:

background-image: radial-gradient(circle, #A9FD29 6%, #BAFE52 90%);

 

HEX #BAFE52 zu HEX #CAFE7B


CSS-Code:

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

 

HEX #BAFE52 zu HEX #CAFE7B


CSS-Code:

background-image: radial-gradient(circle, #BAFE52 7%, #CAFE7B 99%);

 

HEX #CAFE7B zu HEX #BAFE52


CSS-Code:

background-image: linear-gradient(135deg, #CAFE7B 9%, #BAFE52 93%);

 

HEX #CAFE7B zu HEX #BAFE52


CSS-Code:

background-image: radial-gradient(circle, #CAFE7B 7%, #BAFE52 95%);

 

HEX #BAFE52 zu HEX #DAFEA4


CSS-Code:

background-image: linear-gradient(135deg, #BAFE52 9%, #DAFEA4 98%);

 

HEX #BAFE52 zu HEX #DAFEA4


CSS-Code:

background-image: radial-gradient(circle, #BAFE52 6%, #DAFEA4 87%);

 

HEX #DAFEA4 zu HEX #BAFE52


CSS-Code:

background-image: linear-gradient(135deg, #DAFEA4 8%, #BAFE52 96%);

 

HEX #DAFEA4 zu HEX #BAFE52


CSS-Code:

background-image: radial-gradient(circle, #DAFEA4 4%, #BAFE52 94%);

Linear

HEX #BAFE52 zu HEX #52FEB6


CSS-Code:

background-image: linear-gradient(135deg, #BAFE52 7%, #52FEB6 90%);

Radial

HEX #BAFE52 zu HEX #52FEB6


CSS-Code:

background-image: radial-gradient(circle, #BAFE52 0%, #52FEB6 99%);

 

HEX #52FEB6 zu HEX #BAFE52


CSS-Code:

background-image: linear-gradient(135deg, #52FEB6 10%, #BAFE52 88%);

 

HEX #52FEB6 zu HEX #BAFE52


CSS-Code:

background-image: radial-gradient(circle, #52FEB6 14%, #BAFE52 100%);

 

HEX #BAFE52 zu HEX #FB52FE


CSS-Code:

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

 

HEX #BAFE52 zu HEX #FB52FE


CSS-Code:

background-image: radial-gradient(circle, #BAFE52 9%, #FB52FE 89%);

 

HEX #FB52FE zu HEX #BAFE52


CSS-Code:

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

 

HEX #FB52FE zu HEX #BAFE52


CSS-Code:

background-image: radial-gradient(circle, #FB52FE 9%, #BAFE52 96%);

Linear

HEX #BAFE52 zu HEX #52BCFE


CSS-Code:

background-image: linear-gradient(135deg, #BAFE52 9%, #52BCFE 96%);

Radial

HEX #BAFE52 zu HEX #52BCFE


CSS-Code:

background-image: radial-gradient(circle, #BAFE52 13%, #52BCFE 95%);

 

HEX #52BCFE zu HEX #BAFE52


CSS-Code:

background-image: linear-gradient(135deg, #52BCFE 0%, #BAFE52 95%);

 

HEX #52BCFE zu HEX #BAFE52


CSS-Code:

background-image: radial-gradient(circle, #52BCFE 5%, #BAFE52 90%);

 

HEX #BAFE52 zu HEX #FE52BC


CSS-Code:

background-image: linear-gradient(135deg, #BAFE52 2%, #FE52BC 88%);

 

HEX #BAFE52 zu HEX #FE52BC


CSS-Code:

background-image: radial-gradient(circle, #BAFE52 0%, #FE52BC 98%);

 

HEX #FE52BC zu HEX #BAFE52


CSS-Code:

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

 

HEX #FE52BC zu HEX #BAFE52


CSS-Code:

background-image: radial-gradient(circle, #FE52BC 9%, #BAFE52 89%);

Linear

HEX #BAFE52 zu HEX #52FEB6


CSS-Code:

background-image: linear-gradient(135deg, #BAFE52 5%, #52FEB6 99%);

Radial

HEX #BAFE52 zu HEX #52FEB6


CSS-Code:

background-image: radial-gradient(circle, #BAFE52 3%, #52FEB6 93%);

 

HEX #52FEB6 zu HEX #BAFE52


CSS-Code:

background-image: linear-gradient(135deg, #52FEB6 7%, #BAFE52 95%);

 

HEX #52FEB6 zu HEX #BAFE52


CSS-Code:

background-image: radial-gradient(circle, #52FEB6 4%, #BAFE52 93%);

 

HEX #BAFE52 zu HEX #9452FE


CSS-Code:

background-image: linear-gradient(135deg, #BAFE52 11%, #9452FE 91%);

 

HEX #BAFE52 zu HEX #9452FE


CSS-Code:

background-image: radial-gradient(circle, #BAFE52 0%, #9452FE 96%);

 

HEX #9452FE zu HEX #BAFE52


CSS-Code:

background-image: linear-gradient(135deg, #9452FE 12%, #BAFE52 90%);

 

HEX #9452FE zu HEX #BAFE52


CSS-Code:

background-image: radial-gradient(circle, #9452FE 0%, #BAFE52 90%);

 

HEX #BAFE52 zu HEX #FE5299


CSS-Code:

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

 

HEX #BAFE52 zu HEX #FE5299


CSS-Code:

background-image: radial-gradient(circle, #BAFE52 3%, #FE5299 88%);

 

HEX #FE5299 zu HEX #BAFE52


CSS-Code:

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

 

HEX #FE5299 zu HEX #BAFE52


CSS-Code:

background-image: radial-gradient(circle, #FE5299 9%, #BAFE52 86%);

Linear

HEX #BAFE52 zu HEX #52FEEA


CSS-Code:

background-image: linear-gradient(135deg, #BAFE52 6%, #52FEEA 86%);

Radial

HEX #BAFE52 zu HEX #52FEEA


CSS-Code:

background-image: radial-gradient(circle, #BAFE52 1%, #52FEEA 100%);

 

HEX #52FEEA zu HEX #BAFE52


CSS-Code:

background-image: linear-gradient(135deg, #52FEEA 12%, #BAFE52 98%);

 

HEX #52FEEA zu HEX #BAFE52


CSS-Code:

background-image: radial-gradient(circle, #52FEEA 14%, #BAFE52 86%);

 

HEX #BAFE52 zu HEX #9452FE


CSS-Code:

background-image: linear-gradient(135deg, #BAFE52 7%, #9452FE 95%);

 

HEX #BAFE52 zu HEX #9452FE


CSS-Code:

background-image: radial-gradient(circle, #BAFE52 5%, #9452FE 91%);

 

HEX #9452FE zu HEX #BAFE52


CSS-Code:

background-image: linear-gradient(135deg, #9452FE 4%, #BAFE52 89%);

 

HEX #9452FE zu HEX #BAFE52


CSS-Code:

background-image: radial-gradient(circle, #9452FE 14%, #BAFE52 100%);

 

HEX #BAFE52 zu HEX #FE5266


CSS-Code:

background-image: linear-gradient(135deg, #BAFE52 4%, #FE5266 100%);

 

HEX #BAFE52 zu HEX #FE5266


CSS-Code:

background-image: radial-gradient(circle, #BAFE52 5%, #FE5266 89%);

 

HEX #FE5266 zu HEX #BAFE52


CSS-Code:

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

 

HEX #FE5266 zu HEX #BAFE52


CSS-Code:

background-image: radial-gradient(circle, #FE5266 12%, #BAFE52 94%);

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