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

CSS Gradienten:
#0EDBCACE

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

Blau und Grün dominieren diesen Farbton deutlich: Der Blau- und der Grünwert liegen über Rot. 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 14 Rot, 219 Grün und 202 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.
14 219 202 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 76 Cyan, keine Magenta, 6 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.
76% 0% 6% 11% C M Y K

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #0EDBCACE zu HEX #F12435CE


CSS-Code:

background-image: linear-gradient(135deg, #0EDBCACE 2%, #F12435CE 90%);

Radial

HEX #0EDBCACE zu HEX #F12435CE


CSS-Code:

background-image: radial-gradient(circle, #0EDBCACE 5%, #F12435CE 92%);

 

HEX #F12435CE zu HEX #0EDBCACE


CSS-Code:

background-image: linear-gradient(135deg, #F12435CE 11%, #0EDBCACE 99%);

 

HEX #F12435CE zu HEX #0EDBCACE


CSS-Code:

background-image: radial-gradient(circle, #F12435CE 12%, #0EDBCACE 99%);

Linear

HEX #0EDBCACE zu HEX #0EDD94CE


CSS-Code:

background-image: linear-gradient(135deg, #0EDBCACE 11%, #0EDD94CE 100%);

Radial

HEX #0EDBCACE zu HEX #0EDD94CE


CSS-Code:

background-image: radial-gradient(circle, #0EDBCACE 4%, #0EDD94CE 98%);

 

HEX #0EDD94CE zu HEX #0EDBCACE


CSS-Code:

background-image: linear-gradient(135deg, #0EDD94CE 5%, #0EDBCACE 94%);

 

HEX #0EDD94CE zu HEX #0EDBCACE


CSS-Code:

background-image: radial-gradient(circle, #0EDD94CE 5%, #0EDBCACE 89%);

 

HEX #0EDBCACE zu HEX #0EDDCBCE


CSS-Code:

background-image: linear-gradient(135deg, #0EDBCACE 2%, #0EDDCBCE 90%);

 

HEX #0EDBCACE zu HEX #0EDDCBCE


CSS-Code:

background-image: radial-gradient(circle, #0EDBCACE 11%, #0EDDCBCE 96%);

 

HEX #0EDDCBCE zu HEX #0EDBCACE


CSS-Code:

background-image: linear-gradient(135deg, #0EDDCBCE 1%, #0EDBCACE 87%);

 

HEX #0EDDCBCE zu HEX #0EDBCACE


CSS-Code:

background-image: radial-gradient(circle, #0EDDCBCE 3%, #0EDBCACE 89%);

 

HEX #0EDBCACE zu HEX #0EB7DDCE


CSS-Code:

background-image: linear-gradient(135deg, #0EDBCACE 10%, #0EB7DDCE 86%);

 

HEX #0EDBCACE zu HEX #0EB7DDCE


CSS-Code:

background-image: radial-gradient(circle, #0EDBCACE 10%, #0EB7DDCE 94%);

 

HEX #0EB7DDCE zu HEX #0EDBCACE


CSS-Code:

background-image: linear-gradient(135deg, #0EB7DDCE 8%, #0EDBCACE 97%);

 

HEX #0EB7DDCE zu HEX #0EDBCACE


CSS-Code:

background-image: radial-gradient(circle, #0EB7DDCE 7%, #0EDBCACE 88%);

 

HEX #0EDBCACE zu HEX #0E80DDCE


CSS-Code:

background-image: linear-gradient(135deg, #0EDBCACE 10%, #0E80DDCE 93%);

 

HEX #0EDBCACE zu HEX #0E80DDCE


CSS-Code:

background-image: radial-gradient(circle, #0EDBCACE 1%, #0E80DDCE 91%);

 

HEX #0E80DDCE zu HEX #0EDBCACE


CSS-Code:

background-image: linear-gradient(135deg, #0E80DDCE 2%, #0EDBCACE 89%);

 

HEX #0E80DDCE zu HEX #0EDBCACE


CSS-Code:

background-image: radial-gradient(circle, #0E80DDCE 0%, #0EDBCACE 91%);

Linear

HEX #0EDBCACE zu HEX #0CB6A8


CSS-Code:

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

Radial

HEX #0EDBCACE zu HEX #0CB6A8


CSS-Code:

background-image: radial-gradient(circle, #0EDBCACE 0%, #0CB6A8 89%);

 

HEX #0CB6A8 zu HEX #0EDBCACE


CSS-Code:

background-image: linear-gradient(135deg, #0CB6A8 0%, #0EDBCACE 91%);

 

HEX #0CB6A8 zu HEX #0EDBCACE


CSS-Code:

background-image: radial-gradient(circle, #0CB6A8 5%, #0EDBCACE 99%);

 

HEX #0EDBCACE zu HEX #0EDDCB


CSS-Code:

background-image: linear-gradient(135deg, #0EDBCACE 4%, #0EDDCB 91%);

 

HEX #0EDBCACE zu HEX #0EDDCB


CSS-Code:

background-image: radial-gradient(circle, #0EDBCACE 0%, #0EDDCB 89%);

 

HEX #0EDDCB zu HEX #0EDBCACE


CSS-Code:

background-image: linear-gradient(135deg, #0EDDCB 6%, #0EDBCACE 95%);

 

HEX #0EDDCB zu HEX #0EDBCACE


CSS-Code:

background-image: radial-gradient(circle, #0EDDCB 13%, #0EDBCACE 98%);

 

HEX #0EDBCACE zu HEX #23F1E0


CSS-Code:

background-image: linear-gradient(135deg, #0EDBCACE 11%, #23F1E0 89%);

 

HEX #0EDBCACE zu HEX #23F1E0


CSS-Code:

background-image: radial-gradient(circle, #0EDBCACE 10%, #23F1E0 93%);

 

HEX #23F1E0 zu HEX #0EDBCACE


CSS-Code:

background-image: linear-gradient(135deg, #23F1E0 8%, #0EDBCACE 86%);

 

HEX #23F1E0 zu HEX #0EDBCACE


CSS-Code:

background-image: radial-gradient(circle, #23F1E0 9%, #0EDBCACE 98%);

 

HEX #0EDBCACE zu HEX #4AF3E5


CSS-Code:

background-image: linear-gradient(135deg, #0EDBCACE 1%, #4AF3E5 96%);

 

HEX #0EDBCACE zu HEX #4AF3E5


CSS-Code:

background-image: radial-gradient(circle, #0EDBCACE 10%, #4AF3E5 100%);

 

HEX #4AF3E5 zu HEX #0EDBCACE


CSS-Code:

background-image: linear-gradient(135deg, #4AF3E5 6%, #0EDBCACE 97%);

 

HEX #4AF3E5 zu HEX #0EDBCACE


CSS-Code:

background-image: radial-gradient(circle, #4AF3E5 8%, #0EDBCACE 99%);

Linear

HEX #0EDBCACE zu HEX #0EDD94CE


CSS-Code:

background-image: linear-gradient(135deg, #0EDBCACE 4%, #0EDD94CE 86%);

Radial

HEX #0EDBCACE zu HEX #0EDD94CE


CSS-Code:

background-image: radial-gradient(circle, #0EDBCACE 14%, #0EDD94CE 89%);

 

HEX #0EDD94CE zu HEX #0EDBCACE


CSS-Code:

background-image: linear-gradient(135deg, #0EDD94CE 7%, #0EDBCACE 93%);

 

HEX #0EDD94CE zu HEX #0EDBCACE


CSS-Code:

background-image: radial-gradient(circle, #0EDD94CE 6%, #0EDBCACE 87%);

 

HEX #0EDBCACE zu HEX #0EDDCBCE


CSS-Code:

background-image: linear-gradient(135deg, #0EDBCACE 8%, #0EDDCBCE 88%);

 

HEX #0EDBCACE zu HEX #0EDDCBCE


CSS-Code:

background-image: radial-gradient(circle, #0EDBCACE 0%, #0EDDCBCE 93%);

 

HEX #0EDDCBCE zu HEX #0EDBCACE


CSS-Code:

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

 

HEX #0EDDCBCE zu HEX #0EDBCACE


CSS-Code:

background-image: radial-gradient(circle, #0EDDCBCE 0%, #0EDBCACE 90%);

 

HEX #0EDBCACE zu HEX #0EB7DDCE


CSS-Code:

background-image: linear-gradient(135deg, #0EDBCACE 3%, #0EB7DDCE 91%);

 

HEX #0EDBCACE zu HEX #0EB7DDCE


CSS-Code:

background-image: radial-gradient(circle, #0EDBCACE 1%, #0EB7DDCE 100%);

 

HEX #0EB7DDCE zu HEX #0EDBCACE


CSS-Code:

background-image: linear-gradient(135deg, #0EB7DDCE 5%, #0EDBCACE 96%);

 

HEX #0EB7DDCE zu HEX #0EDBCACE


CSS-Code:

background-image: radial-gradient(circle, #0EB7DDCE 2%, #0EDBCACE 96%);

 

HEX #0EDBCACE zu HEX #0E80DDCE


CSS-Code:

background-image: linear-gradient(135deg, #0EDBCACE 13%, #0E80DDCE 93%);

 

HEX #0EDBCACE zu HEX #0E80DDCE


CSS-Code:

background-image: radial-gradient(circle, #0EDBCACE 9%, #0E80DDCE 88%);

 

HEX #0E80DDCE zu HEX #0EDBCACE


CSS-Code:

background-image: linear-gradient(135deg, #0E80DDCE 5%, #0EDBCACE 91%);

 

HEX #0E80DDCE zu HEX #0EDBCACE


CSS-Code:

background-image: radial-gradient(circle, #0E80DDCE 6%, #0EDBCACE 88%);

Linear

HEX #0EDBCACE zu HEX #0CB6A8


CSS-Code:

background-image: linear-gradient(135deg, #0EDBCACE 11%, #0CB6A8 92%);

Radial

HEX #0EDBCACE zu HEX #0CB6A8


CSS-Code:

background-image: radial-gradient(circle, #0EDBCACE 11%, #0CB6A8 99%);

 

HEX #0CB6A8 zu HEX #0EDBCACE


CSS-Code:

background-image: linear-gradient(135deg, #0CB6A8 11%, #0EDBCACE 93%);

 

HEX #0CB6A8 zu HEX #0EDBCACE


CSS-Code:

background-image: radial-gradient(circle, #0CB6A8 14%, #0EDBCACE 88%);

 

HEX #0EDBCACE zu HEX #0EDDCB


CSS-Code:

background-image: linear-gradient(135deg, #0EDBCACE 12%, #0EDDCB 93%);

 

HEX #0EDBCACE zu HEX #0EDDCB


CSS-Code:

background-image: radial-gradient(circle, #0EDBCACE 13%, #0EDDCB 95%);

 

HEX #0EDDCB zu HEX #0EDBCACE


CSS-Code:

background-image: linear-gradient(135deg, #0EDDCB 14%, #0EDBCACE 90%);

 

HEX #0EDDCB zu HEX #0EDBCACE


CSS-Code:

background-image: radial-gradient(circle, #0EDDCB 2%, #0EDBCACE 96%);

 

HEX #0EDBCACE zu HEX #23F1E0


CSS-Code:

background-image: linear-gradient(135deg, #0EDBCACE 3%, #23F1E0 99%);

 

HEX #0EDBCACE zu HEX #23F1E0


CSS-Code:

background-image: radial-gradient(circle, #0EDBCACE 11%, #23F1E0 94%);

 

HEX #23F1E0 zu HEX #0EDBCACE


CSS-Code:

background-image: linear-gradient(135deg, #23F1E0 7%, #0EDBCACE 94%);

 

HEX #23F1E0 zu HEX #0EDBCACE


CSS-Code:

background-image: radial-gradient(circle, #23F1E0 8%, #0EDBCACE 95%);

 

HEX #0EDBCACE zu HEX #4AF3E5


CSS-Code:

background-image: linear-gradient(135deg, #0EDBCACE 5%, #4AF3E5 93%);

 

HEX #0EDBCACE zu HEX #4AF3E5


CSS-Code:

background-image: radial-gradient(circle, #0EDBCACE 12%, #4AF3E5 95%);

 

HEX #4AF3E5 zu HEX #0EDBCACE


CSS-Code:

background-image: linear-gradient(135deg, #4AF3E5 3%, #0EDBCACE 99%);

 

HEX #4AF3E5 zu HEX #0EDBCACE


CSS-Code:

background-image: radial-gradient(circle, #4AF3E5 5%, #0EDBCACE 100%);

Linear

HEX #0EDBCACE zu HEX #260EDD


CSS-Code:

background-image: linear-gradient(135deg, #0EDBCACE 7%, #260EDD 91%);

Radial

HEX #0EDBCACE zu HEX #260EDD


CSS-Code:

background-image: radial-gradient(circle, #0EDBCACE 0%, #260EDD 95%);

 

HEX #260EDD zu HEX #0EDBCACE


CSS-Code:

background-image: linear-gradient(135deg, #260EDD 1%, #0EDBCACE 98%);

 

HEX #260EDD zu HEX #0EDBCACE


CSS-Code:

background-image: radial-gradient(circle, #260EDD 5%, #0EDBCACE 100%);

 

HEX #0EDBCACE zu HEX #DD790E


CSS-Code:

background-image: linear-gradient(135deg, #0EDBCACE 2%, #DD790E 86%);

 

HEX #0EDBCACE zu HEX #DD790E


CSS-Code:

background-image: radial-gradient(circle, #0EDBCACE 6%, #DD790E 90%);

 

HEX #DD790E zu HEX #0EDBCACE


CSS-Code:

background-image: linear-gradient(135deg, #DD790E 1%, #0EDBCACE 96%);

 

HEX #DD790E zu HEX #0EDBCACE


CSS-Code:

background-image: radial-gradient(circle, #DD790E 4%, #0EDBCACE 94%);

Linear

HEX #0EDBCACE zu HEX #CB0EDD


CSS-Code:

background-image: linear-gradient(135deg, #0EDBCACE 11%, #CB0EDD 95%);

Radial

HEX #0EDBCACE zu HEX #CB0EDD


CSS-Code:

background-image: radial-gradient(circle, #0EDBCACE 1%, #CB0EDD 96%);

 

HEX #CB0EDD zu HEX #0EDBCACE


CSS-Code:

background-image: linear-gradient(135deg, #CB0EDD 2%, #0EDBCACE 96%);

 

HEX #CB0EDD zu HEX #0EDBCACE


CSS-Code:

background-image: radial-gradient(circle, #CB0EDD 6%, #0EDBCACE 93%);

 

HEX #0EDBCACE zu HEX #DDCB0E


CSS-Code:

background-image: linear-gradient(135deg, #0EDBCACE 5%, #DDCB0E 91%);

 

HEX #0EDBCACE zu HEX #DDCB0E


CSS-Code:

background-image: radial-gradient(circle, #0EDBCACE 10%, #DDCB0E 90%);

 

HEX #DDCB0E zu HEX #0EDBCACE


CSS-Code:

background-image: linear-gradient(135deg, #DDCB0E 2%, #0EDBCACE 95%);

 

HEX #DDCB0E zu HEX #0EDBCACE


CSS-Code:

background-image: radial-gradient(circle, #DDCB0E 11%, #0EDBCACE 91%);

Linear

HEX #0EDBCACE zu HEX #260EDD


CSS-Code:

background-image: linear-gradient(135deg, #0EDBCACE 9%, #260EDD 93%);

Radial

HEX #0EDBCACE zu HEX #260EDD


CSS-Code:

background-image: radial-gradient(circle, #0EDBCACE 0%, #260EDD 87%);

 

HEX #260EDD zu HEX #0EDBCACE


CSS-Code:

background-image: linear-gradient(135deg, #260EDD 2%, #0EDBCACE 97%);

 

HEX #260EDD zu HEX #0EDBCACE


CSS-Code:

background-image: radial-gradient(circle, #260EDD 1%, #0EDBCACE 93%);

 

HEX #0EDBCACE zu HEX #DD0E1F


CSS-Code:

background-image: linear-gradient(135deg, #0EDBCACE 10%, #DD0E1F 88%);

 

HEX #0EDBCACE zu HEX #DD0E1F


CSS-Code:

background-image: radial-gradient(circle, #0EDBCACE 12%, #DD0E1F 94%);

 

HEX #DD0E1F zu HEX #0EDBCACE


CSS-Code:

background-image: linear-gradient(135deg, #DD0E1F 9%, #0EDBCACE 91%);

 

HEX #DD0E1F zu HEX #0EDBCACE


CSS-Code:

background-image: radial-gradient(circle, #DD0E1F 0%, #0EDBCACE 88%);

 

HEX #0EDBCACE zu HEX #C4DD0E


CSS-Code:

background-image: linear-gradient(135deg, #0EDBCACE 11%, #C4DD0E 97%);

 

HEX #0EDBCACE zu HEX #C4DD0E


CSS-Code:

background-image: radial-gradient(circle, #0EDBCACE 14%, #C4DD0E 90%);

 

HEX #C4DD0E zu HEX #0EDBCACE


CSS-Code:

background-image: linear-gradient(135deg, #C4DD0E 1%, #0EDBCACE 86%);

 

HEX #C4DD0E zu HEX #0EDBCACE


CSS-Code:

background-image: radial-gradient(circle, #C4DD0E 10%, #0EDBCACE 93%);

Linear

HEX #0EDBCACE zu HEX #640EDD


CSS-Code:

background-image: linear-gradient(135deg, #0EDBCACE 7%, #640EDD 86%);

Radial

HEX #0EDBCACE zu HEX #640EDD


CSS-Code:

background-image: radial-gradient(circle, #0EDBCACE 14%, #640EDD 91%);

 

HEX #640EDD zu HEX #0EDBCACE


CSS-Code:

background-image: linear-gradient(135deg, #640EDD 13%, #0EDBCACE 90%);

 

HEX #640EDD zu HEX #0EDBCACE


CSS-Code:

background-image: radial-gradient(circle, #640EDD 2%, #0EDBCACE 99%);

 

HEX #0EDBCACE zu HEX #DD0E1F


CSS-Code:

background-image: linear-gradient(135deg, #0EDBCACE 5%, #DD0E1F 96%);

 

HEX #0EDBCACE zu HEX #DD0E1F


CSS-Code:

background-image: radial-gradient(circle, #0EDBCACE 14%, #DD0E1F 88%);

 

HEX #DD0E1F zu HEX #0EDBCACE


CSS-Code:

background-image: linear-gradient(135deg, #DD0E1F 4%, #0EDBCACE 87%);

 

HEX #DD0E1F zu HEX #0EDBCACE


CSS-Code:

background-image: radial-gradient(circle, #DD0E1F 9%, #0EDBCACE 88%);

 

HEX #0EDBCACE zu HEX #87DD0E


CSS-Code:

background-image: linear-gradient(135deg, #0EDBCACE 5%, #87DD0E 100%);

 

HEX #0EDBCACE zu HEX #87DD0E


CSS-Code:

background-image: radial-gradient(circle, #0EDBCACE 11%, #87DD0E 90%);

 

HEX #87DD0E zu HEX #0EDBCACE


CSS-Code:

background-image: linear-gradient(135deg, #87DD0E 12%, #0EDBCACE 90%);

 

HEX #87DD0E zu HEX #0EDBCACE


CSS-Code:

background-image: radial-gradient(circle, #87DD0E 3%, #0EDBCACE 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

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.