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

✕

CSS Gradienten:
#B6CD51

Information

schließe alle

2-Farben Gradienten - Komplementärfarbe

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.

2-Farben Gradienten - Hellere Farbtöne

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.

2-Farben Gradienten - Dunklere Farbtöne

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 182 Rot, 205 Grün und 81 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.

Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 11 Cyan, keine Magenta, 60 Gelb und 20 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.

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

2-Farben Gradienten von #B6CD51 - Komplementärfarbe

Linear

HEX #B6CD51 zu HEX #4932AE

CSS-Code:

background-image: linear-gradient(135deg, #B6CD51 3%, #4932AE 89%);

Radial

HEX #B6CD51 zu HEX #4932AE

CSS-Code:

background-image: radial-gradient(circle, #B6CD51 14%, #4932AE 88%);

HEX #4932AE zu HEX #B6CD51

CSS-Code:

background-image: linear-gradient(135deg, #4932AE 13%, #B6CD51 100%);

HEX #4932AE zu HEX #B6CD51

CSS-Code:

background-image: radial-gradient(circle, #4932AE 1%, #B6CD51 98%);

2-Farben Gradienten von #B6CD51 - Hellere Farbtöne

Linear

HEX #B6CD51 zu HEX #CDC251

CSS-Code:

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

Radial

HEX #B6CD51 zu HEX #CDC251

CSS-Code:

background-image: radial-gradient(circle, #B6CD51 6%, #CDC251 100%);

HEX #CDC251 zu HEX #B6CD51

CSS-Code:

background-image: linear-gradient(135deg, #CDC251 13%, #B6CD51 97%);

HEX #CDC251 zu HEX #B6CD51

CSS-Code:

background-image: radial-gradient(circle, #CDC251 6%, #B6CD51 99%);

HEX #B6CD51 zu HEX #95CD51

CSS-Code:

background-image: linear-gradient(135deg, #B6CD51 1%, #95CD51 87%);

HEX #B6CD51 zu HEX #95CD51

CSS-Code:

background-image: radial-gradient(circle, #B6CD51 11%, #95CD51 99%);

HEX #95CD51 zu HEX #B6CD51

CSS-Code:

background-image: linear-gradient(135deg, #95CD51 6%, #B6CD51 93%);

HEX #95CD51 zu HEX #B6CD51

CSS-Code:

background-image: radial-gradient(circle, #95CD51 2%, #B6CD51 89%);

HEX #B6CD51 zu HEX #74CD51

CSS-Code:

background-image: linear-gradient(135deg, #B6CD51 13%, #74CD51 90%);

HEX #B6CD51 zu HEX #74CD51

CSS-Code:

background-image: radial-gradient(circle, #B6CD51 2%, #74CD51 86%);

HEX #74CD51 zu HEX #B6CD51

CSS-Code:

background-image: linear-gradient(135deg, #74CD51 4%, #B6CD51 93%);

HEX #74CD51 zu HEX #B6CD51

CSS-Code:

background-image: radial-gradient(circle, #74CD51 8%, #B6CD51 86%);

2-Farben Gradienten von #B6CD51 - Dunklere Farbtöne

Linear

HEX #B6CD51 zu HEX #A4BD37

CSS-Code:

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

Radial

HEX #B6CD51 zu HEX #A4BD37

CSS-Code:

background-image: radial-gradient(circle, #B6CD51 12%, #A4BD37 99%);

HEX #A4BD37 zu HEX #B6CD51

CSS-Code:

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

HEX #A4BD37 zu HEX #B6CD51

CSS-Code:

background-image: radial-gradient(circle, #A4BD37 12%, #B6CD51 93%);

HEX #B6CD51 zu HEX #C3D671

CSS-Code:

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

HEX #B6CD51 zu HEX #C3D671

CSS-Code:

background-image: radial-gradient(circle, #B6CD51 11%, #C3D671 96%);

HEX #C3D671 zu HEX #B6CD51

CSS-Code:

background-image: linear-gradient(135deg, #C3D671 2%, #B6CD51 100%);

HEX #C3D671 zu HEX #B6CD51

CSS-Code:

background-image: radial-gradient(circle, #C3D671 12%, #B6CD51 91%);

HEX #B6CD51 zu HEX #D1DF91

CSS-Code:

background-image: linear-gradient(135deg, #B6CD51 7%, #D1DF91 88%);

HEX #B6CD51 zu HEX #D1DF91

CSS-Code:

background-image: radial-gradient(circle, #B6CD51 0%, #D1DF91 100%);

HEX #D1DF91 zu HEX #B6CD51

CSS-Code:

background-image: linear-gradient(135deg, #D1DF91 11%, #B6CD51 87%);

HEX #D1DF91 zu HEX #B6CD51

CSS-Code:

background-image: radial-gradient(circle, #D1DF91 7%, #B6CD51 93%);

2-Farben Gradienten von #B6CD51 - Analoge Farben

Linear

HEX #B6CD51 zu HEX #CDC251

CSS-Code:

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

Radial

HEX #B6CD51 zu HEX #CDC251

CSS-Code:

background-image: radial-gradient(circle, #B6CD51 6%, #CDC251 91%);

HEX #CDC251 zu HEX #B6CD51

CSS-Code:

background-image: linear-gradient(135deg, #CDC251 14%, #B6CD51 97%);

HEX #CDC251 zu HEX #B6CD51

CSS-Code:

background-image: radial-gradient(circle, #CDC251 11%, #B6CD51 99%);

HEX #B6CD51 zu HEX #95CD51

CSS-Code:

background-image: linear-gradient(135deg, #B6CD51 11%, #95CD51 86%);

HEX #B6CD51 zu HEX #95CD51

CSS-Code:

background-image: radial-gradient(circle, #B6CD51 12%, #95CD51 99%);

HEX #95CD51 zu HEX #B6CD51

CSS-Code:

background-image: linear-gradient(135deg, #95CD51 6%, #B6CD51 100%);

HEX #95CD51 zu HEX #B6CD51

CSS-Code:

background-image: radial-gradient(circle, #95CD51 0%, #B6CD51 100%);

HEX #B6CD51 zu HEX #74CD51

CSS-Code:

background-image: linear-gradient(135deg, #B6CD51 8%, #74CD51 96%);

HEX #B6CD51 zu HEX #74CD51

CSS-Code:

background-image: radial-gradient(circle, #B6CD51 0%, #74CD51 93%);

HEX #74CD51 zu HEX #B6CD51

CSS-Code:

background-image: linear-gradient(135deg, #74CD51 3%, #B6CD51 93%);

HEX #74CD51 zu HEX #B6CD51

CSS-Code:

background-image: radial-gradient(circle, #74CD51 2%, #B6CD51 89%);

2-Farben Gradienten von #B6CD51 - Monochromatische Farben

Linear

HEX #B6CD51 zu HEX #A4BD37

CSS-Code:

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

Radial

HEX #B6CD51 zu HEX #A4BD37

CSS-Code:

background-image: radial-gradient(circle, #B6CD51 10%, #A4BD37 88%);

HEX #A4BD37 zu HEX #B6CD51

CSS-Code:

background-image: linear-gradient(135deg, #A4BD37 11%, #B6CD51 96%);

HEX #A4BD37 zu HEX #B6CD51

CSS-Code:

background-image: radial-gradient(circle, #A4BD37 0%, #B6CD51 91%);

HEX #B6CD51 zu HEX #C3D671

CSS-Code:

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

HEX #B6CD51 zu HEX #C3D671

CSS-Code:

background-image: radial-gradient(circle, #B6CD51 11%, #C3D671 91%);

HEX #C3D671 zu HEX #B6CD51

CSS-Code:

background-image: linear-gradient(135deg, #C3D671 5%, #B6CD51 90%);

HEX #C3D671 zu HEX #B6CD51

CSS-Code:

background-image: radial-gradient(circle, #C3D671 12%, #B6CD51 88%);

HEX #B6CD51 zu HEX #D1DF91

CSS-Code:

background-image: linear-gradient(135deg, #B6CD51 12%, #D1DF91 92%);

HEX #B6CD51 zu HEX #D1DF91

CSS-Code:

background-image: radial-gradient(circle, #B6CD51 6%, #D1DF91 91%);

HEX #D1DF91 zu HEX #B6CD51

CSS-Code:

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

HEX #D1DF91 zu HEX #B6CD51

CSS-Code:

background-image: radial-gradient(circle, #D1DF91 8%, #B6CD51 97%);

2-Farben Gradienten von #B6CD51 - Teilkomplementär Farben

Linear

HEX #B6CD51 zu HEX #51CD80

CSS-Code:

background-image: linear-gradient(135deg, #B6CD51 0%, #51CD80 89%);

Radial

HEX #B6CD51 zu HEX #51CD80

CSS-Code:

background-image: radial-gradient(circle, #B6CD51 1%, #51CD80 99%);

HEX #51CD80 zu HEX #B6CD51

CSS-Code:

background-image: linear-gradient(135deg, #51CD80 12%, #B6CD51 95%);

HEX #51CD80 zu HEX #B6CD51

CSS-Code:

background-image: radial-gradient(circle, #51CD80 2%, #B6CD51 86%);

HEX #B6CD51 zu HEX #B251CD

CSS-Code:

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

HEX #B6CD51 zu HEX #B251CD

CSS-Code:

background-image: radial-gradient(circle, #B6CD51 13%, #B251CD 90%);

HEX #B251CD zu HEX #B6CD51

CSS-Code:

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

HEX #B251CD zu HEX #B6CD51

CSS-Code:

background-image: radial-gradient(circle, #B251CD 12%, #B6CD51 96%);

2-Farben Gradienten von #B6CD51 - Triadische Farben

Linear

HEX #B6CD51 zu HEX #51B6CD

CSS-Code:

background-image: linear-gradient(135deg, #B6CD51 9%, #51B6CD 100%);

Radial

HEX #B6CD51 zu HEX #51B6CD

CSS-Code:

background-image: radial-gradient(circle, #B6CD51 10%, #51B6CD 94%);

HEX #51B6CD zu HEX #B6CD51

CSS-Code:

background-image: linear-gradient(135deg, #51B6CD 7%, #B6CD51 90%);

HEX #51B6CD zu HEX #B6CD51

CSS-Code:

background-image: radial-gradient(circle, #51B6CD 14%, #B6CD51 96%);

HEX #B6CD51 zu HEX #CD51B6

CSS-Code:

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

HEX #B6CD51 zu HEX #CD51B6

CSS-Code:

background-image: radial-gradient(circle, #B6CD51 7%, #CD51B6 90%);

HEX #CD51B6 zu HEX #B6CD51

CSS-Code:

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

HEX #CD51B6 zu HEX #B6CD51

CSS-Code:

background-image: radial-gradient(circle, #CD51B6 13%, #B6CD51 95%);

2-Farben Gradienten von #B6CD51 - Rechteckige (Tetradische) Farben

Linear

HEX #B6CD51 zu HEX #51CD80

CSS-Code:

background-image: linear-gradient(135deg, #B6CD51 7%, #51CD80 86%);

Radial

HEX #B6CD51 zu HEX #51CD80

CSS-Code:

background-image: radial-gradient(circle, #B6CD51 10%, #51CD80 97%);

HEX #51CD80 zu HEX #B6CD51

CSS-Code:

background-image: linear-gradient(135deg, #51CD80 6%, #B6CD51 99%);

HEX #51CD80 zu HEX #B6CD51

CSS-Code:

background-image: radial-gradient(circle, #51CD80 2%, #B6CD51 88%);

HEX #B6CD51 zu HEX #6851CD

CSS-Code:

background-image: linear-gradient(135deg, #B6CD51 9%, #6851CD 87%);

HEX #B6CD51 zu HEX #6851CD

CSS-Code:

background-image: radial-gradient(circle, #B6CD51 9%, #6851CD 94%);

HEX #6851CD zu HEX #B6CD51

CSS-Code:

background-image: linear-gradient(135deg, #6851CD 8%, #B6CD51 92%);

HEX #6851CD zu HEX #B6CD51

CSS-Code:

background-image: radial-gradient(circle, #6851CD 0%, #B6CD51 86%);

HEX #B6CD51 zu HEX #CD519D

CSS-Code:

background-image: linear-gradient(135deg, #B6CD51 3%, #CD519D 97%);

HEX #B6CD51 zu HEX #CD519D

CSS-Code:

background-image: radial-gradient(circle, #B6CD51 11%, #CD519D 95%);

HEX #CD519D zu HEX #B6CD51

CSS-Code:

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

HEX #CD519D zu HEX #B6CD51

CSS-Code:

background-image: radial-gradient(circle, #CD519D 11%, #B6CD51 96%);

2-Farben Gradienten von #B6CD51 - Quadratische Farben

Linear

HEX #B6CD51 zu HEX #51CDA5

CSS-Code:

background-image: linear-gradient(135deg, #B6CD51 7%, #51CDA5 89%);

Radial

HEX #B6CD51 zu HEX #51CDA5

CSS-Code:

background-image: radial-gradient(circle, #B6CD51 6%, #51CDA5 86%);

HEX #51CDA5 zu HEX #B6CD51

CSS-Code:

background-image: linear-gradient(135deg, #51CDA5 7%, #B6CD51 90%);

HEX #51CDA5 zu HEX #B6CD51

CSS-Code:

background-image: radial-gradient(circle, #51CDA5 2%, #B6CD51 100%);

HEX #B6CD51 zu HEX #6851CD

CSS-Code:

background-image: linear-gradient(135deg, #B6CD51 8%, #6851CD 91%);

HEX #B6CD51 zu HEX #6851CD

CSS-Code:

background-image: radial-gradient(circle, #B6CD51 8%, #6851CD 98%);

HEX #6851CD zu HEX #B6CD51

CSS-Code:

background-image: linear-gradient(135deg, #6851CD 9%, #B6CD51 93%);

HEX #6851CD zu HEX #B6CD51

CSS-Code:

background-image: radial-gradient(circle, #6851CD 0%, #B6CD51 96%);

HEX #B6CD51 zu HEX #CD5178

CSS-Code:

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

HEX #B6CD51 zu HEX #CD5178

CSS-Code:

background-image: radial-gradient(circle, #B6CD51 9%, #CD5178 89%);

HEX #CD5178 zu HEX #B6CD51

CSS-Code:

background-image: linear-gradient(135deg, #CD5178 5%, #B6CD51 90%);

HEX #CD5178 zu HEX #B6CD51

CSS-Code:

background-image: radial-gradient(circle, #CD5178 0%, #B6CD51 91%);

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

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)

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

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)

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)

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

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)

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

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)

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

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)

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

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)

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

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)

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

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)

To be able to save color palettes, a registration is required.

Log in to your account

or

Create an account

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

Public

Color palette shared
Please copy and save the desired link.

Share

View

OK, I have copied the links

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

Show color palette

Close

Create a color palette

DownloadDownload in different formats

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