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

CSS Gradienten:
#CCDBE800

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

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #CCDBE800 zu HEX #33241700


CSS-Code:

background-image: linear-gradient(135deg, #CCDBE800 4%, #33241700 96%);

Radial

HEX #CCDBE800 zu HEX #33241700


CSS-Code:

background-image: radial-gradient(circle, #CCDBE800 14%, #33241700 89%);

 

HEX #33241700 zu HEX #CCDBE800


CSS-Code:

background-image: linear-gradient(135deg, #33241700 10%, #CCDBE800 90%);

 

HEX #33241700 zu HEX #CCDBE800


CSS-Code:

background-image: radial-gradient(circle, #33241700 2%, #CCDBE800 95%);

Linear

HEX #CCDBE800 zu HEX #CAE2E700


CSS-Code:

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

Radial

HEX #CCDBE800 zu HEX #CAE2E700


CSS-Code:

background-image: radial-gradient(circle, #CCDBE800 0%, #CAE2E700 98%);

 

HEX #CAE2E700 zu HEX #CCDBE800


CSS-Code:

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

 

HEX #CAE2E700 zu HEX #CCDBE800


CSS-Code:

background-image: radial-gradient(circle, #CAE2E700 3%, #CCDBE800 96%);

 

HEX #CCDBE800 zu HEX #CADAE700


CSS-Code:

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

 

HEX #CCDBE800 zu HEX #CADAE700


CSS-Code:

background-image: radial-gradient(circle, #CCDBE800 7%, #CADAE700 92%);

 

HEX #CADAE700 zu HEX #CCDBE800


CSS-Code:

background-image: linear-gradient(135deg, #CADAE700 14%, #CCDBE800 89%);

 

HEX #CADAE700 zu HEX #CCDBE800


CSS-Code:

background-image: radial-gradient(circle, #CADAE700 14%, #CCDBE800 92%);

 

HEX #CCDBE800 zu HEX #CAD2E700


CSS-Code:

background-image: linear-gradient(135deg, #CCDBE800 0%, #CAD2E700 98%);

 

HEX #CCDBE800 zu HEX #CAD2E700


CSS-Code:

background-image: radial-gradient(circle, #CCDBE800 4%, #CAD2E700 100%);

 

HEX #CAD2E700 zu HEX #CCDBE800


CSS-Code:

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

 

HEX #CAD2E700 zu HEX #CCDBE800


CSS-Code:

background-image: radial-gradient(circle, #CAD2E700 4%, #CCDBE800 97%);

 

HEX #CCDBE800 zu HEX #CACBE700


CSS-Code:

background-image: linear-gradient(135deg, #CCDBE800 10%, #CACBE700 88%);

 

HEX #CCDBE800 zu HEX #CACBE700


CSS-Code:

background-image: radial-gradient(circle, #CCDBE800 4%, #CACBE700 97%);

 

HEX #CACBE700 zu HEX #CCDBE800


CSS-Code:

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

 

HEX #CACBE700 zu HEX #CCDBE800


CSS-Code:

background-image: radial-gradient(circle, #CACBE700 1%, #CCDBE800 87%);

Linear

HEX #CCDBE800 zu HEX #AEC6DA


CSS-Code:

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

Radial

HEX #CCDBE800 zu HEX #AEC6DA


CSS-Code:

background-image: radial-gradient(circle, #CCDBE800 4%, #AEC6DA 97%);

 

HEX #AEC6DA zu HEX #CCDBE800


CSS-Code:

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

 

HEX #AEC6DA zu HEX #CCDBE800


CSS-Code:

background-image: radial-gradient(circle, #AEC6DA 2%, #CCDBE800 89%);

 

HEX #CCDBE800 zu HEX #CADAE7


CSS-Code:

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

 

HEX #CCDBE800 zu HEX #CADAE7


CSS-Code:

background-image: radial-gradient(circle, #CCDBE800 1%, #CADAE7 98%);

 

HEX #CADAE7 zu HEX #CCDBE800


CSS-Code:

background-image: linear-gradient(135deg, #CADAE7 14%, #CCDBE800 90%);

 

HEX #CADAE7 zu HEX #CCDBE800


CSS-Code:

background-image: radial-gradient(circle, #CADAE7 13%, #CCDBE800 97%);

 

HEX #CCDBE800 zu HEX #E7EEF4


CSS-Code:

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

 

HEX #CCDBE800 zu HEX #E7EEF4


CSS-Code:

background-image: radial-gradient(circle, #CCDBE800 13%, #E7EEF4 93%);

 

HEX #E7EEF4 zu HEX #CCDBE800


CSS-Code:

background-image: linear-gradient(135deg, #E7EEF4 3%, #CCDBE800 99%);

 

HEX #E7EEF4 zu HEX #CCDBE800


CSS-Code:

background-image: radial-gradient(circle, #E7EEF4 5%, #CCDBE800 96%);

 

HEX #CCDBE800 zu HEX #FFFFFF


CSS-Code:

background-image: linear-gradient(135deg, #CCDBE800 14%, #FFFFFF 88%);

 

HEX #CCDBE800 zu HEX #FFFFFF


CSS-Code:

background-image: radial-gradient(circle, #CCDBE800 7%, #FFFFFF 98%);

 

HEX #FFFFFF zu HEX #CCDBE800


CSS-Code:

background-image: linear-gradient(135deg, #FFFFFF 12%, #CCDBE800 94%);

 

HEX #FFFFFF zu HEX #CCDBE800


CSS-Code:

background-image: radial-gradient(circle, #FFFFFF 10%, #CCDBE800 93%);

Linear

HEX #CCDBE800 zu HEX #CAE2E700


CSS-Code:

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

Radial

HEX #CCDBE800 zu HEX #CAE2E700


CSS-Code:

background-image: radial-gradient(circle, #CCDBE800 5%, #CAE2E700 99%);

 

HEX #CAE2E700 zu HEX #CCDBE800


CSS-Code:

background-image: linear-gradient(135deg, #CAE2E700 0%, #CCDBE800 90%);

 

HEX #CAE2E700 zu HEX #CCDBE800


CSS-Code:

background-image: radial-gradient(circle, #CAE2E700 7%, #CCDBE800 96%);

 

HEX #CCDBE800 zu HEX #CADAE700


CSS-Code:

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

 

HEX #CCDBE800 zu HEX #CADAE700


CSS-Code:

background-image: radial-gradient(circle, #CCDBE800 13%, #CADAE700 86%);

 

HEX #CADAE700 zu HEX #CCDBE800


CSS-Code:

background-image: linear-gradient(135deg, #CADAE700 10%, #CCDBE800 97%);

 

HEX #CADAE700 zu HEX #CCDBE800


CSS-Code:

background-image: radial-gradient(circle, #CADAE700 6%, #CCDBE800 98%);

 

HEX #CCDBE800 zu HEX #CAD2E700


CSS-Code:

background-image: linear-gradient(135deg, #CCDBE800 11%, #CAD2E700 89%);

 

HEX #CCDBE800 zu HEX #CAD2E700


CSS-Code:

background-image: radial-gradient(circle, #CCDBE800 10%, #CAD2E700 99%);

 

HEX #CAD2E700 zu HEX #CCDBE800


CSS-Code:

background-image: linear-gradient(135deg, #CAD2E700 1%, #CCDBE800 100%);

 

HEX #CAD2E700 zu HEX #CCDBE800


CSS-Code:

background-image: radial-gradient(circle, #CAD2E700 14%, #CCDBE800 87%);

 

HEX #CCDBE800 zu HEX #CACBE700


CSS-Code:

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

 

HEX #CCDBE800 zu HEX #CACBE700


CSS-Code:

background-image: radial-gradient(circle, #CCDBE800 11%, #CACBE700 94%);

 

HEX #CACBE700 zu HEX #CCDBE800


CSS-Code:

background-image: linear-gradient(135deg, #CACBE700 11%, #CCDBE800 89%);

 

HEX #CACBE700 zu HEX #CCDBE800


CSS-Code:

background-image: radial-gradient(circle, #CACBE700 0%, #CCDBE800 88%);

Linear

HEX #CCDBE800 zu HEX #AEC6DA


CSS-Code:

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

Radial

HEX #CCDBE800 zu HEX #AEC6DA


CSS-Code:

background-image: radial-gradient(circle, #CCDBE800 0%, #AEC6DA 92%);

 

HEX #AEC6DA zu HEX #CCDBE800


CSS-Code:

background-image: linear-gradient(135deg, #AEC6DA 0%, #CCDBE800 92%);

 

HEX #AEC6DA zu HEX #CCDBE800


CSS-Code:

background-image: radial-gradient(circle, #AEC6DA 12%, #CCDBE800 90%);

 

HEX #CCDBE800 zu HEX #CADAE7


CSS-Code:

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

 

HEX #CCDBE800 zu HEX #CADAE7


CSS-Code:

background-image: radial-gradient(circle, #CCDBE800 12%, #CADAE7 95%);

 

HEX #CADAE7 zu HEX #CCDBE800


CSS-Code:

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

 

HEX #CADAE7 zu HEX #CCDBE800


CSS-Code:

background-image: radial-gradient(circle, #CADAE7 3%, #CCDBE800 89%);

 

HEX #CCDBE800 zu HEX #E7EEF4


CSS-Code:

background-image: linear-gradient(135deg, #CCDBE800 8%, #E7EEF4 90%);

 

HEX #CCDBE800 zu HEX #E7EEF4


CSS-Code:

background-image: radial-gradient(circle, #CCDBE800 11%, #E7EEF4 92%);

 

HEX #E7EEF4 zu HEX #CCDBE800


CSS-Code:

background-image: linear-gradient(135deg, #E7EEF4 4%, #CCDBE800 91%);

 

HEX #E7EEF4 zu HEX #CCDBE800


CSS-Code:

background-image: radial-gradient(circle, #E7EEF4 8%, #CCDBE800 90%);

 

HEX #CCDBE800 zu HEX #FFFFFF


CSS-Code:

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

 

HEX #CCDBE800 zu HEX #FFFFFF


CSS-Code:

background-image: radial-gradient(circle, #CCDBE800 4%, #FFFFFF 96%);

 

HEX #FFFFFF zu HEX #CCDBE800


CSS-Code:

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

 

HEX #FFFFFF zu HEX #CCDBE800


CSS-Code:

background-image: radial-gradient(circle, #FFFFFF 9%, #CCDBE800 95%);

Linear

HEX #CCDBE800 zu HEX #DDCAE7


CSS-Code:

background-image: linear-gradient(135deg, #CCDBE800 8%, #DDCAE7 92%);

Radial

HEX #CCDBE800 zu HEX #DDCAE7


CSS-Code:

background-image: radial-gradient(circle, #CCDBE800 14%, #DDCAE7 96%);

 

HEX #DDCAE7 zu HEX #CCDBE800


CSS-Code:

background-image: linear-gradient(135deg, #DDCAE7 11%, #CCDBE800 91%);

 

HEX #DDCAE7 zu HEX #CCDBE800


CSS-Code:

background-image: radial-gradient(circle, #DDCAE7 8%, #CCDBE800 87%);

 

HEX #CCDBE800 zu HEX #E6E7CA


CSS-Code:

background-image: linear-gradient(135deg, #CCDBE800 5%, #E6E7CA 97%);

 

HEX #CCDBE800 zu HEX #E6E7CA


CSS-Code:

background-image: radial-gradient(circle, #CCDBE800 14%, #E6E7CA 93%);

 

HEX #E6E7CA zu HEX #CCDBE800


CSS-Code:

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

 

HEX #E6E7CA zu HEX #CCDBE800


CSS-Code:

background-image: radial-gradient(circle, #E6E7CA 1%, #CCDBE800 90%);

Linear

HEX #CCDBE800 zu HEX #E7CADA


CSS-Code:

background-image: linear-gradient(135deg, #CCDBE800 6%, #E7CADA 95%);

Radial

HEX #CCDBE800 zu HEX #E7CADA


CSS-Code:

background-image: radial-gradient(circle, #CCDBE800 12%, #E7CADA 98%);

 

HEX #E7CADA zu HEX #CCDBE800


CSS-Code:

background-image: linear-gradient(135deg, #E7CADA 4%, #CCDBE800 89%);

 

HEX #E7CADA zu HEX #CCDBE800


CSS-Code:

background-image: radial-gradient(circle, #E7CADA 3%, #CCDBE800 90%);

 

HEX #CCDBE800 zu HEX #DAE7CA


CSS-Code:

background-image: linear-gradient(135deg, #CCDBE800 2%, #DAE7CA 91%);

 

HEX #CCDBE800 zu HEX #DAE7CA


CSS-Code:

background-image: radial-gradient(circle, #CCDBE800 0%, #DAE7CA 89%);

 

HEX #DAE7CA zu HEX #CCDBE800


CSS-Code:

background-image: linear-gradient(135deg, #DAE7CA 12%, #CCDBE800 95%);

 

HEX #DAE7CA zu HEX #CCDBE800


CSS-Code:

background-image: radial-gradient(circle, #DAE7CA 10%, #CCDBE800 87%);

Linear

HEX #CCDBE800 zu HEX #DDCAE7


CSS-Code:

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

Radial

HEX #CCDBE800 zu HEX #DDCAE7


CSS-Code:

background-image: radial-gradient(circle, #CCDBE800 9%, #DDCAE7 96%);

 

HEX #DDCAE7 zu HEX #CCDBE800


CSS-Code:

background-image: linear-gradient(135deg, #DDCAE7 1%, #CCDBE800 96%);

 

HEX #DDCAE7 zu HEX #CCDBE800


CSS-Code:

background-image: radial-gradient(circle, #DDCAE7 9%, #CCDBE800 95%);

 

HEX #CCDBE800 zu HEX #E7D7CA


CSS-Code:

background-image: linear-gradient(135deg, #CCDBE800 5%, #E7D7CA 98%);

 

HEX #CCDBE800 zu HEX #E7D7CA


CSS-Code:

background-image: radial-gradient(circle, #CCDBE800 7%, #E7D7CA 91%);

 

HEX #E7D7CA zu HEX #CCDBE800


CSS-Code:

background-image: linear-gradient(135deg, #E7D7CA 7%, #CCDBE800 94%);

 

HEX #E7D7CA zu HEX #CCDBE800


CSS-Code:

background-image: radial-gradient(circle, #E7D7CA 5%, #CCDBE800 98%);

 

HEX #CCDBE800 zu HEX #D4E7CA


CSS-Code:

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

 

HEX #CCDBE800 zu HEX #D4E7CA


CSS-Code:

background-image: radial-gradient(circle, #CCDBE800 11%, #D4E7CA 100%);

 

HEX #D4E7CA zu HEX #CCDBE800


CSS-Code:

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

 

HEX #D4E7CA zu HEX #CCDBE800


CSS-Code:

background-image: radial-gradient(circle, #D4E7CA 7%, #CCDBE800 91%);

Linear

HEX #CCDBE800 zu HEX #E6CAE7


CSS-Code:

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

Radial

HEX #CCDBE800 zu HEX #E6CAE7


CSS-Code:

background-image: radial-gradient(circle, #CCDBE800 4%, #E6CAE7 96%);

 

HEX #E6CAE7 zu HEX #CCDBE800


CSS-Code:

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

 

HEX #E6CAE7 zu HEX #CCDBE800


CSS-Code:

background-image: radial-gradient(circle, #E6CAE7 9%, #CCDBE800 95%);

 

HEX #CCDBE800 zu HEX #E7D7CA


CSS-Code:

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

 

HEX #CCDBE800 zu HEX #E7D7CA


CSS-Code:

background-image: radial-gradient(circle, #CCDBE800 0%, #E7D7CA 95%);

 

HEX #E7D7CA zu HEX #CCDBE800


CSS-Code:

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

 

HEX #E7D7CA zu HEX #CCDBE800


CSS-Code:

background-image: radial-gradient(circle, #E7D7CA 9%, #CCDBE800 88%);

 

HEX #CCDBE800 zu HEX #CCE7CA


CSS-Code:

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

 

HEX #CCDBE800 zu HEX #CCE7CA


CSS-Code:

background-image: radial-gradient(circle, #CCDBE800 0%, #CCE7CA 93%);

 

HEX #CCE7CA zu HEX #CCDBE800


CSS-Code:

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

 

HEX #CCE7CA zu HEX #CCDBE800


CSS-Code:

background-image: radial-gradient(circle, #CCE7CA 8%, #CCDBE800 95%);

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.