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

✕

CSS Gradienten:
#DB9DFA

Information

schließe alle

Lass Dir 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: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Lass Dir 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: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Lass Dir 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: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Anzeigeoptionen

Beschreibung

Da die Farbwerte im Vergleich zu anderen relativ hoch sind, erscheint uns dieser Farbton heller.

Die Aufschlüsselung der Farbe in das RGB-Farbsystem: In diesem Farbton sind von 255 maximalen Farbanteilen jeweils 219 Rot, 157 Grün und 250 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.
219 157 250 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 12 Cyan, 37 Magenta, keine Gelb und 2 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.
12% 37% 0% 2% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #DB9DFA zu HEX #246205


CSS-Code:

background-image: linear-gradient(135deg, #DB9DFA 3%, #246205 89%);

Radial

HEX #DB9DFA zu HEX #246205


CSS-Code:

background-image: radial-gradient(circle, #DB9DFA 6%, #246205 87%);

 

HEX #246205 zu HEX #DB9DFA


CSS-Code:

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

 

HEX #246205 zu HEX #DB9DFA


CSS-Code:

background-image: radial-gradient(circle, #246205 2%, #DB9DFA 93%);

Linear

HEX #DB9DFA zu HEX #F1AFFF


CSS-Code:

background-image: linear-gradient(135deg, #DB9DFA 5%, #F1AFFF 96%);

Radial

HEX #DB9DFA zu HEX #F1AFFF


CSS-Code:

background-image: radial-gradient(circle, #DB9DFA 11%, #F1AFFF 87%);

 

HEX #F1AFFF zu HEX #DB9DFA


CSS-Code:

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

 

HEX #F1AFFF zu HEX #DB9DFA


CSS-Code:

background-image: radial-gradient(circle, #F1AFFF 5%, #DB9DFA 100%);

 

HEX #DB9DFA zu HEX #FFC1FF


CSS-Code:

background-image: linear-gradient(135deg, #DB9DFA 4%, #FFC1FF 93%);

 

HEX #DB9DFA zu HEX #FFC1FF


CSS-Code:

background-image: radial-gradient(circle, #DB9DFA 3%, #FFC1FF 93%);

 

HEX #FFC1FF zu HEX #DB9DFA


CSS-Code:

background-image: linear-gradient(135deg, #FFC1FF 1%, #DB9DFA 86%);

 

HEX #FFC1FF zu HEX #DB9DFA


CSS-Code:

background-image: radial-gradient(circle, #FFC1FF 3%, #DB9DFA 92%);

 

HEX #DB9DFA zu HEX #FFD3FF


CSS-Code:

background-image: linear-gradient(135deg, #DB9DFA 3%, #FFD3FF 91%);

 

HEX #DB9DFA zu HEX #FFD3FF


CSS-Code:

background-image: radial-gradient(circle, #DB9DFA 12%, #FFD3FF 88%);

 

HEX #FFD3FF zu HEX #DB9DFA


CSS-Code:

background-image: linear-gradient(135deg, #FFD3FF 8%, #DB9DFA 91%);

 

HEX #FFD3FF zu HEX #DB9DFA


CSS-Code:

background-image: radial-gradient(circle, #FFD3FF 8%, #DB9DFA 95%);

 

HEX #DB9DFA zu HEX #FFE5FF


CSS-Code:

background-image: linear-gradient(135deg, #DB9DFA 12%, #FFE5FF 99%);

 

HEX #DB9DFA zu HEX #FFE5FF


CSS-Code:

background-image: radial-gradient(circle, #DB9DFA 10%, #FFE5FF 91%);

 

HEX #FFE5FF zu HEX #DB9DFA


CSS-Code:

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

 

HEX #FFE5FF zu HEX #DB9DFA


CSS-Code:

background-image: radial-gradient(circle, #FFE5FF 0%, #DB9DFA 95%);

Linear

HEX #DB9DFA zu HEX #CA8BE7


CSS-Code:

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

Radial

HEX #DB9DFA zu HEX #CA8BE7


CSS-Code:

background-image: radial-gradient(circle, #DB9DFA 1%, #CA8BE7 97%);

 

HEX #CA8BE7 zu HEX #DB9DFA


CSS-Code:

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

 

HEX #CA8BE7 zu HEX #DB9DFA


CSS-Code:

background-image: radial-gradient(circle, #CA8BE7 6%, #DB9DFA 87%);

 

HEX #DB9DFA zu HEX #B979D4


CSS-Code:

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

 

HEX #DB9DFA zu HEX #B979D4


CSS-Code:

background-image: radial-gradient(circle, #DB9DFA 2%, #B979D4 99%);

 

HEX #B979D4 zu HEX #DB9DFA


CSS-Code:

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

 

HEX #B979D4 zu HEX #DB9DFA


CSS-Code:

background-image: radial-gradient(circle, #B979D4 13%, #DB9DFA 99%);

 

HEX #DB9DFA zu HEX #A867C1


CSS-Code:

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

 

HEX #DB9DFA zu HEX #A867C1


CSS-Code:

background-image: radial-gradient(circle, #DB9DFA 9%, #A867C1 86%);

 

HEX #A867C1 zu HEX #DB9DFA


CSS-Code:

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

 

HEX #A867C1 zu HEX #DB9DFA


CSS-Code:

background-image: radial-gradient(circle, #A867C1 14%, #DB9DFA 94%);

 

HEX #DB9DFA zu HEX #9755AE


CSS-Code:

background-image: linear-gradient(135deg, #DB9DFA 3%, #9755AE 98%);

 

HEX #DB9DFA zu HEX #9755AE


CSS-Code:

background-image: radial-gradient(circle, #DB9DFA 13%, #9755AE 94%);

 

HEX #9755AE zu HEX #DB9DFA


CSS-Code:

background-image: linear-gradient(135deg, #9755AE 5%, #DB9DFA 96%);

 

HEX #9755AE zu HEX #DB9DFA


CSS-Code:

background-image: radial-gradient(circle, #9755AE 8%, #DB9DFA 92%);

Linear

HEX #DB9DFA zu HEX #EA9EF9


CSS-Code:

background-image: linear-gradient(135deg, #DB9DFA 1%, #EA9EF9 94%);

Radial

HEX #DB9DFA zu HEX #EA9EF9


CSS-Code:

background-image: radial-gradient(circle, #DB9DFA 9%, #EA9EF9 97%);

 

HEX #EA9EF9 zu HEX #DB9DFA


CSS-Code:

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

 

HEX #EA9EF9 zu HEX #DB9DFA


CSS-Code:

background-image: radial-gradient(circle, #EA9EF9 10%, #DB9DFA 90%);

 

HEX #DB9DFA zu HEX #F99EF9


CSS-Code:

background-image: linear-gradient(135deg, #DB9DFA 12%, #F99EF9 100%);

 

HEX #DB9DFA zu HEX #F99EF9


CSS-Code:

background-image: radial-gradient(circle, #DB9DFA 14%, #F99EF9 90%);

 

HEX #F99EF9 zu HEX #DB9DFA


CSS-Code:

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

 

HEX #F99EF9 zu HEX #DB9DFA


CSS-Code:

background-image: radial-gradient(circle, #F99EF9 0%, #DB9DFA 92%);

 

HEX #DB9DFA zu HEX #F99EEA


CSS-Code:

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

 

HEX #DB9DFA zu HEX #F99EEA


CSS-Code:

background-image: radial-gradient(circle, #DB9DFA 7%, #F99EEA 98%);

 

HEX #F99EEA zu HEX #DB9DFA


CSS-Code:

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

 

HEX #F99EEA zu HEX #DB9DFA


CSS-Code:

background-image: radial-gradient(circle, #F99EEA 6%, #DB9DFA 92%);

 

HEX #DB9DFA zu HEX #F99EDB


CSS-Code:

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

 

HEX #DB9DFA zu HEX #F99EDB


CSS-Code:

background-image: radial-gradient(circle, #DB9DFA 7%, #F99EDB 98%);

 

HEX #F99EDB zu HEX #DB9DFA


CSS-Code:

background-image: linear-gradient(135deg, #F99EDB 9%, #DB9DFA 87%);

 

HEX #F99EDB zu HEX #DB9DFA


CSS-Code:

background-image: radial-gradient(circle, #F99EDB 0%, #DB9DFA 97%);

Linear

HEX #DB9DFA zu HEX #281D2E


CSS-Code:

background-image: linear-gradient(135deg, #DB9DFA 9%, #281D2E 87%);

Radial

HEX #DB9DFA zu HEX #281D2E


CSS-Code:

background-image: radial-gradient(circle, #DB9DFA 9%, #281D2E 94%);

 

HEX #281D2E zu HEX #DB9DFA


CSS-Code:

background-image: linear-gradient(135deg, #281D2E 10%, #DB9DFA 92%);

 

HEX #281D2E zu HEX #DB9DFA


CSS-Code:

background-image: radial-gradient(circle, #281D2E 1%, #DB9DFA 93%);

 

HEX #DB9DFA zu HEX #553D61


CSS-Code:

background-image: linear-gradient(135deg, #DB9DFA 2%, #553D61 98%);

 

HEX #DB9DFA zu HEX #553D61


CSS-Code:

background-image: radial-gradient(circle, #DB9DFA 4%, #553D61 97%);

 

HEX #553D61 zu HEX #DB9DFA


CSS-Code:

background-image: linear-gradient(135deg, #553D61 14%, #DB9DFA 100%);

 

HEX #553D61 zu HEX #DB9DFA


CSS-Code:

background-image: radial-gradient(circle, #553D61 13%, #DB9DFA 86%);

 

HEX #DB9DFA zu HEX #825D94


CSS-Code:

background-image: linear-gradient(135deg, #DB9DFA 12%, #825D94 94%);

 

HEX #DB9DFA zu HEX #825D94


CSS-Code:

background-image: radial-gradient(circle, #DB9DFA 8%, #825D94 96%);

 

HEX #825D94 zu HEX #DB9DFA


CSS-Code:

background-image: linear-gradient(135deg, #825D94 4%, #DB9DFA 99%);

 

HEX #825D94 zu HEX #DB9DFA


CSS-Code:

background-image: radial-gradient(circle, #825D94 12%, #DB9DFA 89%);

 

HEX #DB9DFA zu HEX #AE7DC7


CSS-Code:

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

 

HEX #DB9DFA zu HEX #AE7DC7


CSS-Code:

background-image: radial-gradient(circle, #DB9DFA 4%, #AE7DC7 95%);

 

HEX #AE7DC7 zu HEX #DB9DFA


CSS-Code:

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

 

HEX #AE7DC7 zu HEX #DB9DFA


CSS-Code:

background-image: radial-gradient(circle, #AE7DC7 9%, #DB9DFA 100%);

Linear

HEX #DB9DFA zu HEX #F99EAA


CSS-Code:

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

Radial

HEX #DB9DFA zu HEX #F99EAA


CSS-Code:

background-image: radial-gradient(circle, #DB9DFA 0%, #F99EAA 97%);

 

HEX #F99EAA zu HEX #DB9DFA


CSS-Code:

background-image: linear-gradient(135deg, #F99EAA 10%, #DB9DFA 87%);

 

HEX #F99EAA zu HEX #DB9DFA


CSS-Code:

background-image: radial-gradient(circle, #F99EAA 2%, #DB9DFA 96%);

 

HEX #DB9DFA zu HEX #9EF9B6


CSS-Code:

background-image: linear-gradient(135deg, #DB9DFA 13%, #9EF9B6 97%);

 

HEX #DB9DFA zu HEX #9EF9B6


CSS-Code:

background-image: radial-gradient(circle, #DB9DFA 6%, #9EF9B6 87%);

 

HEX #9EF9B6 zu HEX #DB9DFA


CSS-Code:

background-image: linear-gradient(135deg, #9EF9B6 2%, #DB9DFA 87%);

 

HEX #9EF9B6 zu HEX #DB9DFA


CSS-Code:

background-image: radial-gradient(circle, #9EF9B6 13%, #DB9DFA 96%);

Linear

HEX #DB9DFA zu HEX #F9DB9E


CSS-Code:

background-image: linear-gradient(135deg, #DB9DFA 13%, #F9DB9E 90%);

Radial

HEX #DB9DFA zu HEX #F9DB9E


CSS-Code:

background-image: radial-gradient(circle, #DB9DFA 2%, #F9DB9E 93%);

 

HEX #F9DB9E zu HEX #DB9DFA


CSS-Code:

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

 

HEX #F9DB9E zu HEX #DB9DFA


CSS-Code:

background-image: radial-gradient(circle, #F9DB9E 13%, #DB9DFA 90%);

 

HEX #DB9DFA zu HEX #9EF9DB


CSS-Code:

background-image: linear-gradient(135deg, #DB9DFA 4%, #9EF9DB 96%);

 

HEX #DB9DFA zu HEX #9EF9DB


CSS-Code:

background-image: radial-gradient(circle, #DB9DFA 11%, #9EF9DB 93%);

 

HEX #9EF9DB zu HEX #DB9DFA


CSS-Code:

background-image: linear-gradient(135deg, #9EF9DB 3%, #DB9DFA 93%);

 

HEX #9EF9DB zu HEX #DB9DFA


CSS-Code:

background-image: radial-gradient(circle, #9EF9DB 0%, #DB9DFA 89%);

Linear

HEX #DB9DFA zu HEX #F99EAA


CSS-Code:

background-image: linear-gradient(135deg, #DB9DFA 10%, #F99EAA 87%);

Radial

HEX #DB9DFA zu HEX #F99EAA


CSS-Code:

background-image: radial-gradient(circle, #DB9DFA 7%, #F99EAA 89%);

 

HEX #F99EAA zu HEX #DB9DFA


CSS-Code:

background-image: linear-gradient(135deg, #F99EAA 12%, #DB9DFA 99%);

 

HEX #F99EAA zu HEX #DB9DFA


CSS-Code:

background-image: radial-gradient(circle, #F99EAA 6%, #DB9DFA 91%);

 

HEX #DB9DFA zu HEX #BCF99E


CSS-Code:

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

 

HEX #DB9DFA zu HEX #BCF99E


CSS-Code:

background-image: radial-gradient(circle, #DB9DFA 1%, #BCF99E 90%);

 

HEX #BCF99E zu HEX #DB9DFA


CSS-Code:

background-image: linear-gradient(135deg, #BCF99E 1%, #DB9DFA 97%);

 

HEX #BCF99E zu HEX #DB9DFA


CSS-Code:

background-image: radial-gradient(circle, #BCF99E 0%, #DB9DFA 99%);

 

HEX #DB9DFA zu HEX #9EF9ED


CSS-Code:

background-image: linear-gradient(135deg, #DB9DFA 0%, #9EF9ED 93%);

 

HEX #DB9DFA zu HEX #9EF9ED


CSS-Code:

background-image: radial-gradient(circle, #DB9DFA 4%, #9EF9ED 91%);

 

HEX #9EF9ED zu HEX #DB9DFA


CSS-Code:

background-image: linear-gradient(135deg, #9EF9ED 0%, #DB9DFA 95%);

 

HEX #9EF9ED zu HEX #DB9DFA


CSS-Code:

background-image: radial-gradient(circle, #9EF9ED 8%, #DB9DFA 86%);

Linear

HEX #DB9DFA zu HEX #F9AD9E


CSS-Code:

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

Radial

HEX #DB9DFA zu HEX #F9AD9E


CSS-Code:

background-image: radial-gradient(circle, #DB9DFA 11%, #F9AD9E 95%);

 

HEX #F9AD9E zu HEX #DB9DFA


CSS-Code:

background-image: linear-gradient(135deg, #F9AD9E 7%, #DB9DFA 90%);

 

HEX #F9AD9E zu HEX #DB9DFA


CSS-Code:

background-image: radial-gradient(circle, #F9AD9E 0%, #DB9DFA 92%);

 

HEX #DB9DFA zu HEX #BCF99E


CSS-Code:

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

 

HEX #DB9DFA zu HEX #BCF99E


CSS-Code:

background-image: radial-gradient(circle, #DB9DFA 9%, #BCF99E 93%);

 

HEX #BCF99E zu HEX #DB9DFA


CSS-Code:

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

 

HEX #BCF99E zu HEX #DB9DFA


CSS-Code:

background-image: radial-gradient(circle, #BCF99E 13%, #DB9DFA 95%);

 

HEX #DB9DFA zu HEX #9EEAF9


CSS-Code:

background-image: linear-gradient(135deg, #DB9DFA 2%, #9EEAF9 87%);

 

HEX #DB9DFA zu HEX #9EEAF9


CSS-Code:

background-image: radial-gradient(circle, #DB9DFA 1%, #9EEAF9 90%);

 

HEX #9EEAF9 zu HEX #DB9DFA


CSS-Code:

background-image: linear-gradient(135deg, #9EEAF9 14%, #DB9DFA 95%);

 

HEX #9EEAF9 zu HEX #DB9DFA


CSS-Code:

background-image: radial-gradient(circle, #9EEAF9 2%, #DB9DFA 93%);

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, you must be logged in.

Sign 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 link you want.

Share

OK, I have copied the links

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

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

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

© 2019-2024 in cooperation ND-DESIGN.WORKS & frag-bobby.de