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

CSS Gradienten:
#BCDB79CE

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

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #BCDB79CE zu HEX #432486CE


CSS-Code:

background-image: linear-gradient(135deg, #BCDB79CE 5%, #432486CE 97%);

Radial

HEX #BCDB79CE zu HEX #432486CE


CSS-Code:

background-image: radial-gradient(circle, #BCDB79CE 3%, #432486CE 98%);

 

HEX #432486CE zu HEX #BCDB79CE


CSS-Code:

background-image: linear-gradient(135deg, #432486CE 9%, #BCDB79CE 90%);

 

HEX #432486CE zu HEX #BCDB79CE


CSS-Code:

background-image: radial-gradient(circle, #432486CE 14%, #BCDB79CE 87%);

Linear

HEX #BCDB79CE zu HEX #D8DC7ACE


CSS-Code:

background-image: linear-gradient(135deg, #BCDB79CE 10%, #D8DC7ACE 98%);

Radial

HEX #BCDB79CE zu HEX #D8DC7ACE


CSS-Code:

background-image: radial-gradient(circle, #BCDB79CE 7%, #D8DC7ACE 87%);

 

HEX #D8DC7ACE zu HEX #BCDB79CE


CSS-Code:

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

 

HEX #D8DC7ACE zu HEX #BCDB79CE


CSS-Code:

background-image: radial-gradient(circle, #D8DC7ACE 5%, #BCDB79CE 89%);

 

HEX #BCDB79CE zu HEX #BEDC7ACE


CSS-Code:

background-image: linear-gradient(135deg, #BCDB79CE 7%, #BEDC7ACE 93%);

 

HEX #BCDB79CE zu HEX #BEDC7ACE


CSS-Code:

background-image: radial-gradient(circle, #BCDB79CE 13%, #BEDC7ACE 86%);

 

HEX #BEDC7ACE zu HEX #BCDB79CE


CSS-Code:

background-image: linear-gradient(135deg, #BEDC7ACE 10%, #BCDB79CE 89%);

 

HEX #BEDC7ACE zu HEX #BCDB79CE


CSS-Code:

background-image: radial-gradient(circle, #BEDC7ACE 8%, #BCDB79CE 99%);

 

HEX #BCDB79CE zu HEX #A4DC7ACE


CSS-Code:

background-image: linear-gradient(135deg, #BCDB79CE 13%, #A4DC7ACE 96%);

 

HEX #BCDB79CE zu HEX #A4DC7ACE


CSS-Code:

background-image: radial-gradient(circle, #BCDB79CE 0%, #A4DC7ACE 95%);

 

HEX #A4DC7ACE zu HEX #BCDB79CE


CSS-Code:

background-image: linear-gradient(135deg, #A4DC7ACE 13%, #BCDB79CE 92%);

 

HEX #A4DC7ACE zu HEX #BCDB79CE


CSS-Code:

background-image: radial-gradient(circle, #A4DC7ACE 4%, #BCDB79CE 98%);

 

HEX #BCDB79CE zu HEX #8ADC7ACE


CSS-Code:

background-image: linear-gradient(135deg, #BCDB79CE 10%, #8ADC7ACE 89%);

 

HEX #BCDB79CE zu HEX #8ADC7ACE


CSS-Code:

background-image: radial-gradient(circle, #BCDB79CE 12%, #8ADC7ACE 99%);

 

HEX #8ADC7ACE zu HEX #BCDB79CE


CSS-Code:

background-image: linear-gradient(135deg, #8ADC7ACE 4%, #BCDB79CE 100%);

 

HEX #8ADC7ACE zu HEX #BCDB79CE


CSS-Code:

background-image: radial-gradient(circle, #8ADC7ACE 2%, #BCDB79CE 88%);

Linear

HEX #BCDB79CE zu HEX #ADD359


CSS-Code:

background-image: linear-gradient(135deg, #BCDB79CE 6%, #ADD359 88%);

Radial

HEX #BCDB79CE zu HEX #ADD359


CSS-Code:

background-image: radial-gradient(circle, #BCDB79CE 7%, #ADD359 95%);

 

HEX #ADD359 zu HEX #BCDB79CE


CSS-Code:

background-image: linear-gradient(135deg, #ADD359 13%, #BCDB79CE 88%);

 

HEX #ADD359 zu HEX #BCDB79CE


CSS-Code:

background-image: radial-gradient(circle, #ADD359 2%, #BCDB79CE 90%);

 

HEX #BCDB79CE zu HEX #BDDC7A


CSS-Code:

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

 

HEX #BCDB79CE zu HEX #BDDC7A


CSS-Code:

background-image: radial-gradient(circle, #BCDB79CE 5%, #BDDC7A 86%);

 

HEX #BDDC7A zu HEX #BCDB79CE


CSS-Code:

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

 

HEX #BDDC7A zu HEX #BCDB79CE


CSS-Code:

background-image: radial-gradient(circle, #BDDC7A 0%, #BCDB79CE 93%);

 

HEX #BCDB79CE zu HEX #CDE49B


CSS-Code:

background-image: linear-gradient(135deg, #BCDB79CE 6%, #CDE49B 93%);

 

HEX #BCDB79CE zu HEX #CDE49B


CSS-Code:

background-image: radial-gradient(circle, #BCDB79CE 8%, #CDE49B 87%);

 

HEX #CDE49B zu HEX #BCDB79CE


CSS-Code:

background-image: linear-gradient(135deg, #CDE49B 5%, #BCDB79CE 91%);

 

HEX #CDE49B zu HEX #BCDB79CE


CSS-Code:

background-image: radial-gradient(circle, #CDE49B 6%, #BCDB79CE 100%);

 

HEX #BCDB79CE zu HEX #DDEDBB


CSS-Code:

background-image: linear-gradient(135deg, #BCDB79CE 6%, #DDEDBB 90%);

 

HEX #BCDB79CE zu HEX #DDEDBB


CSS-Code:

background-image: radial-gradient(circle, #BCDB79CE 13%, #DDEDBB 98%);

 

HEX #DDEDBB zu HEX #BCDB79CE


CSS-Code:

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

 

HEX #DDEDBB zu HEX #BCDB79CE


CSS-Code:

background-image: radial-gradient(circle, #DDEDBB 3%, #BCDB79CE 99%);

Linear

HEX #BCDB79CE zu HEX #D8DC7ACE


CSS-Code:

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

Radial

HEX #BCDB79CE zu HEX #D8DC7ACE


CSS-Code:

background-image: radial-gradient(circle, #BCDB79CE 2%, #D8DC7ACE 100%);

 

HEX #D8DC7ACE zu HEX #BCDB79CE


CSS-Code:

background-image: linear-gradient(135deg, #D8DC7ACE 7%, #BCDB79CE 97%);

 

HEX #D8DC7ACE zu HEX #BCDB79CE


CSS-Code:

background-image: radial-gradient(circle, #D8DC7ACE 7%, #BCDB79CE 90%);

 

HEX #BCDB79CE zu HEX #BEDC7ACE


CSS-Code:

background-image: linear-gradient(135deg, #BCDB79CE 14%, #BEDC7ACE 96%);

 

HEX #BCDB79CE zu HEX #BEDC7ACE


CSS-Code:

background-image: radial-gradient(circle, #BCDB79CE 5%, #BEDC7ACE 95%);

 

HEX #BEDC7ACE zu HEX #BCDB79CE


CSS-Code:

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

 

HEX #BEDC7ACE zu HEX #BCDB79CE


CSS-Code:

background-image: radial-gradient(circle, #BEDC7ACE 8%, #BCDB79CE 92%);

 

HEX #BCDB79CE zu HEX #A4DC7ACE


CSS-Code:

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

 

HEX #BCDB79CE zu HEX #A4DC7ACE


CSS-Code:

background-image: radial-gradient(circle, #BCDB79CE 8%, #A4DC7ACE 98%);

 

HEX #A4DC7ACE zu HEX #BCDB79CE


CSS-Code:

background-image: linear-gradient(135deg, #A4DC7ACE 7%, #BCDB79CE 96%);

 

HEX #A4DC7ACE zu HEX #BCDB79CE


CSS-Code:

background-image: radial-gradient(circle, #A4DC7ACE 6%, #BCDB79CE 86%);

 

HEX #BCDB79CE zu HEX #8ADC7ACE


CSS-Code:

background-image: linear-gradient(135deg, #BCDB79CE 9%, #8ADC7ACE 98%);

 

HEX #BCDB79CE zu HEX #8ADC7ACE


CSS-Code:

background-image: radial-gradient(circle, #BCDB79CE 13%, #8ADC7ACE 95%);

 

HEX #8ADC7ACE zu HEX #BCDB79CE


CSS-Code:

background-image: linear-gradient(135deg, #8ADC7ACE 13%, #BCDB79CE 92%);

 

HEX #8ADC7ACE zu HEX #BCDB79CE


CSS-Code:

background-image: radial-gradient(circle, #8ADC7ACE 11%, #BCDB79CE 94%);

Linear

HEX #BCDB79CE zu HEX #ADD359


CSS-Code:

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

Radial

HEX #BCDB79CE zu HEX #ADD359


CSS-Code:

background-image: radial-gradient(circle, #BCDB79CE 13%, #ADD359 100%);

 

HEX #ADD359 zu HEX #BCDB79CE


CSS-Code:

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

 

HEX #ADD359 zu HEX #BCDB79CE


CSS-Code:

background-image: radial-gradient(circle, #ADD359 0%, #BCDB79CE 94%);

 

HEX #BCDB79CE zu HEX #BDDC7A


CSS-Code:

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

 

HEX #BCDB79CE zu HEX #BDDC7A


CSS-Code:

background-image: radial-gradient(circle, #BCDB79CE 14%, #BDDC7A 100%);

 

HEX #BDDC7A zu HEX #BCDB79CE


CSS-Code:

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

 

HEX #BDDC7A zu HEX #BCDB79CE


CSS-Code:

background-image: radial-gradient(circle, #BDDC7A 14%, #BCDB79CE 97%);

 

HEX #BCDB79CE zu HEX #CDE49B


CSS-Code:

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

 

HEX #BCDB79CE zu HEX #CDE49B


CSS-Code:

background-image: radial-gradient(circle, #BCDB79CE 7%, #CDE49B 94%);

 

HEX #CDE49B zu HEX #BCDB79CE


CSS-Code:

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

 

HEX #CDE49B zu HEX #BCDB79CE


CSS-Code:

background-image: radial-gradient(circle, #CDE49B 1%, #BCDB79CE 93%);

 

HEX #BCDB79CE zu HEX #DDEDBB


CSS-Code:

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

 

HEX #BCDB79CE zu HEX #DDEDBB


CSS-Code:

background-image: radial-gradient(circle, #BCDB79CE 9%, #DDEDBB 88%);

 

HEX #DDEDBB zu HEX #BCDB79CE


CSS-Code:

background-image: linear-gradient(135deg, #DDEDBB 4%, #BCDB79CE 88%);

 

HEX #DDEDBB zu HEX #BCDB79CE


CSS-Code:

background-image: radial-gradient(circle, #DDEDBB 0%, #BCDB79CE 99%);

Linear

HEX #BCDB79CE zu HEX #7ADCAB


CSS-Code:

background-image: linear-gradient(135deg, #BCDB79CE 2%, #7ADCAB 90%);

Radial

HEX #BCDB79CE zu HEX #7ADCAB


CSS-Code:

background-image: radial-gradient(circle, #BCDB79CE 13%, #7ADCAB 89%);

 

HEX #7ADCAB zu HEX #BCDB79CE


CSS-Code:

background-image: linear-gradient(135deg, #7ADCAB 2%, #BCDB79CE 93%);

 

HEX #7ADCAB zu HEX #BCDB79CE


CSS-Code:

background-image: radial-gradient(circle, #7ADCAB 3%, #BCDB79CE 97%);

 

HEX #BCDB79CE zu HEX #D27ADC


CSS-Code:

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

 

HEX #BCDB79CE zu HEX #D27ADC


CSS-Code:

background-image: radial-gradient(circle, #BCDB79CE 3%, #D27ADC 87%);

 

HEX #D27ADC zu HEX #BCDB79CE


CSS-Code:

background-image: linear-gradient(135deg, #D27ADC 5%, #BCDB79CE 88%);

 

HEX #D27ADC zu HEX #BCDB79CE


CSS-Code:

background-image: radial-gradient(circle, #D27ADC 9%, #BCDB79CE 92%);

Linear

HEX #BCDB79CE zu HEX #7ABEDC


CSS-Code:

background-image: linear-gradient(135deg, #BCDB79CE 14%, #7ABEDC 92%);

Radial

HEX #BCDB79CE zu HEX #7ABEDC


CSS-Code:

background-image: radial-gradient(circle, #BCDB79CE 11%, #7ABEDC 86%);

 

HEX #7ABEDC zu HEX #BCDB79CE


CSS-Code:

background-image: linear-gradient(135deg, #7ABEDC 1%, #BCDB79CE 89%);

 

HEX #7ABEDC zu HEX #BCDB79CE


CSS-Code:

background-image: radial-gradient(circle, #7ABEDC 1%, #BCDB79CE 93%);

 

HEX #BCDB79CE zu HEX #DC7ABE


CSS-Code:

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

 

HEX #BCDB79CE zu HEX #DC7ABE


CSS-Code:

background-image: radial-gradient(circle, #BCDB79CE 8%, #DC7ABE 92%);

 

HEX #DC7ABE zu HEX #BCDB79CE


CSS-Code:

background-image: linear-gradient(135deg, #DC7ABE 1%, #BCDB79CE 98%);

 

HEX #DC7ABE zu HEX #BCDB79CE


CSS-Code:

background-image: radial-gradient(circle, #DC7ABE 5%, #BCDB79CE 92%);

Linear

HEX #BCDB79CE zu HEX #7ADCAB


CSS-Code:

background-image: linear-gradient(135deg, #BCDB79CE 2%, #7ADCAB 96%);

Radial

HEX #BCDB79CE zu HEX #7ADCAB


CSS-Code:

background-image: radial-gradient(circle, #BCDB79CE 7%, #7ADCAB 93%);

 

HEX #7ADCAB zu HEX #BCDB79CE


CSS-Code:

background-image: linear-gradient(135deg, #7ADCAB 4%, #BCDB79CE 87%);

 

HEX #7ADCAB zu HEX #BCDB79CE


CSS-Code:

background-image: radial-gradient(circle, #7ADCAB 9%, #BCDB79CE 100%);

 

HEX #BCDB79CE zu HEX #977ADC


CSS-Code:

background-image: linear-gradient(135deg, #BCDB79CE 7%, #977ADC 91%);

 

HEX #BCDB79CE zu HEX #977ADC


CSS-Code:

background-image: radial-gradient(circle, #BCDB79CE 8%, #977ADC 87%);

 

HEX #977ADC zu HEX #BCDB79CE


CSS-Code:

background-image: linear-gradient(135deg, #977ADC 6%, #BCDB79CE 89%);

 

HEX #977ADC zu HEX #BCDB79CE


CSS-Code:

background-image: radial-gradient(circle, #977ADC 5%, #BCDB79CE 86%);

 

HEX #BCDB79CE zu HEX #DC7AAB


CSS-Code:

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

 

HEX #BCDB79CE zu HEX #DC7AAB


CSS-Code:

background-image: radial-gradient(circle, #BCDB79CE 7%, #DC7AAB 89%);

 

HEX #DC7AAB zu HEX #BCDB79CE


CSS-Code:

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

 

HEX #DC7AAB zu HEX #BCDB79CE


CSS-Code:

background-image: radial-gradient(circle, #DC7AAB 13%, #BCDB79CE 92%);

Linear

HEX #BCDB79CE zu HEX #7ADCC8


CSS-Code:

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

Radial

HEX #BCDB79CE zu HEX #7ADCC8


CSS-Code:

background-image: radial-gradient(circle, #BCDB79CE 12%, #7ADCC8 87%);

 

HEX #7ADCC8 zu HEX #BCDB79CE


CSS-Code:

background-image: linear-gradient(135deg, #7ADCC8 11%, #BCDB79CE 89%);

 

HEX #7ADCC8 zu HEX #BCDB79CE


CSS-Code:

background-image: radial-gradient(circle, #7ADCC8 2%, #BCDB79CE 100%);

 

HEX #BCDB79CE zu HEX #977ADC


CSS-Code:

background-image: linear-gradient(135deg, #BCDB79CE 9%, #977ADC 99%);

 

HEX #BCDB79CE zu HEX #977ADC


CSS-Code:

background-image: radial-gradient(circle, #BCDB79CE 4%, #977ADC 94%);

 

HEX #977ADC zu HEX #BCDB79CE


CSS-Code:

background-image: linear-gradient(135deg, #977ADC 4%, #BCDB79CE 93%);

 

HEX #977ADC zu HEX #BCDB79CE


CSS-Code:

background-image: radial-gradient(circle, #977ADC 0%, #BCDB79CE 90%);

 

HEX #BCDB79CE zu HEX #DC7A8E


CSS-Code:

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

 

HEX #BCDB79CE zu HEX #DC7A8E


CSS-Code:

background-image: radial-gradient(circle, #BCDB79CE 11%, #DC7A8E 93%);

 

HEX #DC7A8E zu HEX #BCDB79CE


CSS-Code:

background-image: linear-gradient(135deg, #DC7A8E 4%, #BCDB79CE 88%);

 

HEX #DC7A8E zu HEX #BCDB79CE


CSS-Code:

background-image: radial-gradient(circle, #DC7A8E 6%, #BCDB79CE 87%);

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.