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

✕

CSS Gradienten:
#BEC2DD

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

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #BEC2DD zu HEX #413D22


CSS-Code:

background-image: linear-gradient(135deg, #BEC2DD 11%, #413D22 100%);

Radial

HEX #BEC2DD zu HEX #413D22


CSS-Code:

background-image: radial-gradient(circle, #BEC2DD 11%, #413D22 92%);

 

HEX #413D22 zu HEX #BEC2DD


CSS-Code:

background-image: linear-gradient(135deg, #413D22 11%, #BEC2DD 100%);

 

HEX #413D22 zu HEX #BEC2DD


CSS-Code:

background-image: radial-gradient(circle, #413D22 6%, #BEC2DD 98%);

Linear

HEX #BEC2DD zu HEX #C0CCDE


CSS-Code:

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

Radial

HEX #BEC2DD zu HEX #C0CCDE


CSS-Code:

background-image: radial-gradient(circle, #BEC2DD 0%, #C0CCDE 89%);

 

HEX #C0CCDE zu HEX #BEC2DD


CSS-Code:

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

 

HEX #C0CCDE zu HEX #BEC2DD


CSS-Code:

background-image: radial-gradient(circle, #C0CCDE 9%, #BEC2DD 97%);

 

HEX #BEC2DD zu HEX #C0C4DE


CSS-Code:

background-image: linear-gradient(135deg, #BEC2DD 3%, #C0C4DE 95%);

 

HEX #BEC2DD zu HEX #C0C4DE


CSS-Code:

background-image: radial-gradient(circle, #BEC2DD 7%, #C0C4DE 86%);

 

HEX #C0C4DE zu HEX #BEC2DD


CSS-Code:

background-image: linear-gradient(135deg, #C0C4DE 8%, #BEC2DD 99%);

 

HEX #C0C4DE zu HEX #BEC2DD


CSS-Code:

background-image: radial-gradient(circle, #C0C4DE 8%, #BEC2DD 87%);

 

HEX #BEC2DD zu HEX #C4C0DE


CSS-Code:

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

 

HEX #BEC2DD zu HEX #C4C0DE


CSS-Code:

background-image: radial-gradient(circle, #BEC2DD 1%, #C4C0DE 87%);

 

HEX #C4C0DE zu HEX #BEC2DD


CSS-Code:

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

 

HEX #C4C0DE zu HEX #BEC2DD


CSS-Code:

background-image: radial-gradient(circle, #C4C0DE 13%, #BEC2DD 97%);

 

HEX #BEC2DD zu HEX #CCC0DE


CSS-Code:

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

 

HEX #BEC2DD zu HEX #CCC0DE


CSS-Code:

background-image: radial-gradient(circle, #BEC2DD 0%, #CCC0DE 94%);

 

HEX #CCC0DE zu HEX #BEC2DD


CSS-Code:

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

 

HEX #CCC0DE zu HEX #BEC2DD


CSS-Code:

background-image: radial-gradient(circle, #CCC0DE 0%, #BEC2DD 97%);

Linear

HEX #BEC2DD zu HEX #A5AACF


CSS-Code:

background-image: linear-gradient(135deg, #BEC2DD 13%, #A5AACF 99%);

Radial

HEX #BEC2DD zu HEX #A5AACF


CSS-Code:

background-image: radial-gradient(circle, #BEC2DD 12%, #A5AACF 100%);

 

HEX #A5AACF zu HEX #BEC2DD


CSS-Code:

background-image: linear-gradient(135deg, #A5AACF 5%, #BEC2DD 99%);

 

HEX #A5AACF zu HEX #BEC2DD


CSS-Code:

background-image: radial-gradient(circle, #A5AACF 10%, #BEC2DD 96%);

 

HEX #BEC2DD zu HEX #C0C3DE


CSS-Code:

background-image: linear-gradient(135deg, #BEC2DD 4%, #C0C3DE 94%);

 

HEX #BEC2DD zu HEX #C0C3DE


CSS-Code:

background-image: radial-gradient(circle, #BEC2DD 0%, #C0C3DE 91%);

 

HEX #C0C3DE zu HEX #BEC2DD


CSS-Code:

background-image: linear-gradient(135deg, #C0C3DE 14%, #BEC2DD 95%);

 

HEX #C0C3DE zu HEX #BEC2DD


CSS-Code:

background-image: radial-gradient(circle, #C0C3DE 2%, #BEC2DD 86%);

 

HEX #BEC2DD zu HEX #DBDDEC


CSS-Code:

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

 

HEX #BEC2DD zu HEX #DBDDEC


CSS-Code:

background-image: radial-gradient(circle, #BEC2DD 4%, #DBDDEC 92%);

 

HEX #DBDDEC zu HEX #BEC2DD


CSS-Code:

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

 

HEX #DBDDEC zu HEX #BEC2DD


CSS-Code:

background-image: radial-gradient(circle, #DBDDEC 6%, #BEC2DD 86%);

 

HEX #BEC2DD zu HEX #F6F6FA


CSS-Code:

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

 

HEX #BEC2DD zu HEX #F6F6FA


CSS-Code:

background-image: radial-gradient(circle, #BEC2DD 9%, #F6F6FA 99%);

 

HEX #F6F6FA zu HEX #BEC2DD


CSS-Code:

background-image: linear-gradient(135deg, #F6F6FA 13%, #BEC2DD 93%);

 

HEX #F6F6FA zu HEX #BEC2DD


CSS-Code:

background-image: radial-gradient(circle, #F6F6FA 2%, #BEC2DD 90%);

Linear

HEX #BEC2DD zu HEX #C0CCDE


CSS-Code:

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

Radial

HEX #BEC2DD zu HEX #C0CCDE


CSS-Code:

background-image: radial-gradient(circle, #BEC2DD 1%, #C0CCDE 96%);

 

HEX #C0CCDE zu HEX #BEC2DD


CSS-Code:

background-image: linear-gradient(135deg, #C0CCDE 8%, #BEC2DD 95%);

 

HEX #C0CCDE zu HEX #BEC2DD


CSS-Code:

background-image: radial-gradient(circle, #C0CCDE 10%, #BEC2DD 86%);

 

HEX #BEC2DD zu HEX #C0C4DE


CSS-Code:

background-image: linear-gradient(135deg, #BEC2DD 2%, #C0C4DE 92%);

 

HEX #BEC2DD zu HEX #C0C4DE


CSS-Code:

background-image: radial-gradient(circle, #BEC2DD 3%, #C0C4DE 97%);

 

HEX #C0C4DE zu HEX #BEC2DD


CSS-Code:

background-image: linear-gradient(135deg, #C0C4DE 14%, #BEC2DD 100%);

 

HEX #C0C4DE zu HEX #BEC2DD


CSS-Code:

background-image: radial-gradient(circle, #C0C4DE 12%, #BEC2DD 92%);

 

HEX #BEC2DD zu HEX #C4C0DE


CSS-Code:

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

 

HEX #BEC2DD zu HEX #C4C0DE


CSS-Code:

background-image: radial-gradient(circle, #BEC2DD 3%, #C4C0DE 99%);

 

HEX #C4C0DE zu HEX #BEC2DD


CSS-Code:

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

 

HEX #C4C0DE zu HEX #BEC2DD


CSS-Code:

background-image: radial-gradient(circle, #C4C0DE 6%, #BEC2DD 94%);

 

HEX #BEC2DD zu HEX #CCC0DE


CSS-Code:

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

 

HEX #BEC2DD zu HEX #CCC0DE


CSS-Code:

background-image: radial-gradient(circle, #BEC2DD 10%, #CCC0DE 89%);

 

HEX #CCC0DE zu HEX #BEC2DD


CSS-Code:

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

 

HEX #CCC0DE zu HEX #BEC2DD


CSS-Code:

background-image: radial-gradient(circle, #CCC0DE 10%, #BEC2DD 90%);

Linear

HEX #BEC2DD zu HEX #A5AACF


CSS-Code:

background-image: linear-gradient(135deg, #BEC2DD 2%, #A5AACF 89%);

Radial

HEX #BEC2DD zu HEX #A5AACF


CSS-Code:

background-image: radial-gradient(circle, #BEC2DD 12%, #A5AACF 87%);

 

HEX #A5AACF zu HEX #BEC2DD


CSS-Code:

background-image: linear-gradient(135deg, #A5AACF 8%, #BEC2DD 97%);

 

HEX #A5AACF zu HEX #BEC2DD


CSS-Code:

background-image: radial-gradient(circle, #A5AACF 3%, #BEC2DD 89%);

 

HEX #BEC2DD zu HEX #C0C3DE


CSS-Code:

background-image: linear-gradient(135deg, #BEC2DD 13%, #C0C3DE 86%);

 

HEX #BEC2DD zu HEX #C0C3DE


CSS-Code:

background-image: radial-gradient(circle, #BEC2DD 12%, #C0C3DE 93%);

 

HEX #C0C3DE zu HEX #BEC2DD


CSS-Code:

background-image: linear-gradient(135deg, #C0C3DE 14%, #BEC2DD 94%);

 

HEX #C0C3DE zu HEX #BEC2DD


CSS-Code:

background-image: radial-gradient(circle, #C0C3DE 9%, #BEC2DD 95%);

 

HEX #BEC2DD zu HEX #DBDDEC


CSS-Code:

background-image: linear-gradient(135deg, #BEC2DD 0%, #DBDDEC 95%);

 

HEX #BEC2DD zu HEX #DBDDEC


CSS-Code:

background-image: radial-gradient(circle, #BEC2DD 4%, #DBDDEC 96%);

 

HEX #DBDDEC zu HEX #BEC2DD


CSS-Code:

background-image: linear-gradient(135deg, #DBDDEC 4%, #BEC2DD 87%);

 

HEX #DBDDEC zu HEX #BEC2DD


CSS-Code:

background-image: radial-gradient(circle, #DBDDEC 8%, #BEC2DD 95%);

 

HEX #BEC2DD zu HEX #F6F6FA


CSS-Code:

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

 

HEX #BEC2DD zu HEX #F6F6FA


CSS-Code:

background-image: radial-gradient(circle, #BEC2DD 5%, #F6F6FA 94%);

 

HEX #F6F6FA zu HEX #BEC2DD


CSS-Code:

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

 

HEX #F6F6FA zu HEX #BEC2DD


CSS-Code:

background-image: radial-gradient(circle, #F6F6FA 10%, #BEC2DD 87%);

Linear

HEX #BEC2DD zu HEX #DEC0DC


CSS-Code:

background-image: linear-gradient(135deg, #BEC2DD 2%, #DEC0DC 92%);

Radial

HEX #BEC2DD zu HEX #DEC0DC


CSS-Code:

background-image: radial-gradient(circle, #BEC2DD 2%, #DEC0DC 96%);

 

HEX #DEC0DC zu HEX #BEC2DD


CSS-Code:

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

 

HEX #DEC0DC zu HEX #BEC2DD


CSS-Code:

background-image: radial-gradient(circle, #DEC0DC 1%, #BEC2DD 92%);

 

HEX #BEC2DD zu HEX #D0DEC0


CSS-Code:

background-image: linear-gradient(135deg, #BEC2DD 12%, #D0DEC0 88%);

 

HEX #BEC2DD zu HEX #D0DEC0


CSS-Code:

background-image: radial-gradient(circle, #BEC2DD 13%, #D0DEC0 100%);

 

HEX #D0DEC0 zu HEX #BEC2DD


CSS-Code:

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

 

HEX #D0DEC0 zu HEX #BEC2DD


CSS-Code:

background-image: radial-gradient(circle, #D0DEC0 4%, #BEC2DD 95%);

Linear

HEX #BEC2DD zu HEX #DEC0C4


CSS-Code:

background-image: linear-gradient(135deg, #BEC2DD 9%, #DEC0C4 97%);

Radial

HEX #BEC2DD zu HEX #DEC0C4


CSS-Code:

background-image: radial-gradient(circle, #BEC2DD 11%, #DEC0C4 92%);

 

HEX #DEC0C4 zu HEX #BEC2DD


CSS-Code:

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

 

HEX #DEC0C4 zu HEX #BEC2DD


CSS-Code:

background-image: radial-gradient(circle, #DEC0C4 2%, #BEC2DD 96%);

 

HEX #BEC2DD zu HEX #C4DEC0


CSS-Code:

background-image: linear-gradient(135deg, #BEC2DD 1%, #C4DEC0 91%);

 

HEX #BEC2DD zu HEX #C4DEC0


CSS-Code:

background-image: radial-gradient(circle, #BEC2DD 8%, #C4DEC0 88%);

 

HEX #C4DEC0 zu HEX #BEC2DD


CSS-Code:

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

 

HEX #C4DEC0 zu HEX #BEC2DD


CSS-Code:

background-image: radial-gradient(circle, #C4DEC0 10%, #BEC2DD 88%);

Linear

HEX #BEC2DD zu HEX #DEC0DC


CSS-Code:

background-image: linear-gradient(135deg, #BEC2DD 3%, #DEC0DC 88%);

Radial

HEX #BEC2DD zu HEX #DEC0DC


CSS-Code:

background-image: radial-gradient(circle, #BEC2DD 0%, #DEC0DC 93%);

 

HEX #DEC0DC zu HEX #BEC2DD


CSS-Code:

background-image: linear-gradient(135deg, #DEC0DC 13%, #BEC2DD 99%);

 

HEX #DEC0DC zu HEX #BEC2DD


CSS-Code:

background-image: radial-gradient(circle, #DEC0DC 5%, #BEC2DD 99%);

 

HEX #BEC2DD zu HEX #DEDAC0


CSS-Code:

background-image: linear-gradient(135deg, #BEC2DD 1%, #DEDAC0 89%);

 

HEX #BEC2DD zu HEX #DEDAC0


CSS-Code:

background-image: radial-gradient(circle, #BEC2DD 10%, #DEDAC0 97%);

 

HEX #DEDAC0 zu HEX #BEC2DD


CSS-Code:

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

 

HEX #DEDAC0 zu HEX #BEC2DD


CSS-Code:

background-image: radial-gradient(circle, #DEDAC0 12%, #BEC2DD 87%);

 

HEX #BEC2DD zu HEX #C0DEC2


CSS-Code:

background-image: linear-gradient(135deg, #BEC2DD 0%, #C0DEC2 95%);

 

HEX #BEC2DD zu HEX #C0DEC2


CSS-Code:

background-image: radial-gradient(circle, #BEC2DD 5%, #C0DEC2 86%);

 

HEX #C0DEC2 zu HEX #BEC2DD


CSS-Code:

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

 

HEX #C0DEC2 zu HEX #BEC2DD


CSS-Code:

background-image: radial-gradient(circle, #C0DEC2 10%, #BEC2DD 97%);

Linear

HEX #BEC2DD zu HEX #DEC0D3


CSS-Code:

background-image: linear-gradient(135deg, #BEC2DD 1%, #DEC0D3 89%);

Radial

HEX #BEC2DD zu HEX #DEC0D3


CSS-Code:

background-image: radial-gradient(circle, #BEC2DD 12%, #DEC0D3 92%);

 

HEX #DEC0D3 zu HEX #BEC2DD


CSS-Code:

background-image: linear-gradient(135deg, #DEC0D3 10%, #BEC2DD 100%);

 

HEX #DEC0D3 zu HEX #BEC2DD


CSS-Code:

background-image: radial-gradient(circle, #DEC0D3 0%, #BEC2DD 100%);

 

HEX #BEC2DD zu HEX #DEDAC0


CSS-Code:

background-image: linear-gradient(135deg, #BEC2DD 12%, #DEDAC0 97%);

 

HEX #BEC2DD zu HEX #DEDAC0


CSS-Code:

background-image: radial-gradient(circle, #BEC2DD 6%, #DEDAC0 93%);

 

HEX #DEDAC0 zu HEX #BEC2DD


CSS-Code:

background-image: linear-gradient(135deg, #DEDAC0 11%, #BEC2DD 95%);

 

HEX #DEDAC0 zu HEX #BEC2DD


CSS-Code:

background-image: radial-gradient(circle, #DEDAC0 7%, #BEC2DD 96%);

 

HEX #BEC2DD zu HEX #C0DECB


CSS-Code:

background-image: linear-gradient(135deg, #BEC2DD 5%, #C0DECB 86%);

 

HEX #BEC2DD zu HEX #C0DECB


CSS-Code:

background-image: radial-gradient(circle, #BEC2DD 12%, #C0DECB 87%);

 

HEX #C0DECB zu HEX #BEC2DD


CSS-Code:

background-image: linear-gradient(135deg, #C0DECB 7%, #BEC2DD 100%);

 

HEX #C0DECB zu HEX #BEC2DD


CSS-Code:

background-image: radial-gradient(circle, #C0DECB 12%, #BEC2DD 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
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, 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.

Cancel Share

Color palette shared
Please copy and save the desired link.

Share

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

Remove All

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

© 2019-2026 - Designed by frag-bobby.de