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

CSS Gradienten:
CMYK 0 / 4 / 25 / 2

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #FAF0BB zu HEX #050F44


CSS-Code:

background-image: linear-gradient(135deg, #FAF0BB 13%, #050F44 88%);

Radial

HEX #FAF0BB zu HEX #050F44


CSS-Code:

background-image: radial-gradient(circle, #FAF0BB 10%, #050F44 91%);

 

HEX #050F44 zu HEX #FAF0BB


CSS-Code:

background-image: linear-gradient(135deg, #050F44 13%, #FAF0BB 92%);

 

HEX #050F44 zu HEX #FAF0BB


CSS-Code:

background-image: radial-gradient(circle, #050F44 5%, #FAF0BB 97%);

Linear

HEX #FAF0BB zu HEX #FFFFC9


CSS-Code:

background-image: linear-gradient(135deg, #FAF0BB 10%, #FFFFC9 86%);

Radial

HEX #FAF0BB zu HEX #FFFFC9


CSS-Code:

background-image: radial-gradient(circle, #FAF0BB 2%, #FFFFC9 90%);

 

HEX #FFFFC9 zu HEX #FAF0BB


CSS-Code:

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

 

HEX #FFFFC9 zu HEX #FAF0BB


CSS-Code:

background-image: radial-gradient(circle, #FFFFC9 11%, #FAF0BB 99%);

 

HEX #FAF0BB zu HEX #FFFFDC


CSS-Code:

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

 

HEX #FAF0BB zu HEX #FFFFDC


CSS-Code:

background-image: radial-gradient(circle, #FAF0BB 12%, #FFFFDC 89%);

 

HEX #FFFFDC zu HEX #FAF0BB


CSS-Code:

background-image: linear-gradient(135deg, #FFFFDC 2%, #FAF0BB 93%);

 

HEX #FFFFDC zu HEX #FAF0BB


CSS-Code:

background-image: radial-gradient(circle, #FFFFDC 13%, #FAF0BB 98%);

 

HEX #FAF0BB zu HEX #FFFFEF


CSS-Code:

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

 

HEX #FAF0BB zu HEX #FFFFEF


CSS-Code:

background-image: radial-gradient(circle, #FAF0BB 8%, #FFFFEF 93%);

 

HEX #FFFFEF zu HEX #FAF0BB


CSS-Code:

background-image: linear-gradient(135deg, #FFFFEF 11%, #FAF0BB 98%);

 

HEX #FFFFEF zu HEX #FAF0BB


CSS-Code:

background-image: radial-gradient(circle, #FFFFEF 3%, #FAF0BB 95%);

Linear

HEX #FAF0BB zu HEX #E9DEA8


CSS-Code:

background-image: linear-gradient(135deg, #FAF0BB 6%, #E9DEA8 94%);

Radial

HEX #FAF0BB zu HEX #E9DEA8


CSS-Code:

background-image: radial-gradient(circle, #FAF0BB 13%, #E9DEA8 91%);

 

HEX #E9DEA8 zu HEX #FAF0BB


CSS-Code:

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

 

HEX #E9DEA8 zu HEX #FAF0BB


CSS-Code:

background-image: radial-gradient(circle, #E9DEA8 11%, #FAF0BB 91%);

 

HEX #FAF0BB zu HEX #D8CC95


CSS-Code:

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

 

HEX #FAF0BB zu HEX #D8CC95


CSS-Code:

background-image: radial-gradient(circle, #FAF0BB 12%, #D8CC95 87%);

 

HEX #D8CC95 zu HEX #FAF0BB


CSS-Code:

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

 

HEX #D8CC95 zu HEX #FAF0BB


CSS-Code:

background-image: radial-gradient(circle, #D8CC95 3%, #FAF0BB 86%);

 

HEX #FAF0BB zu HEX #C7BA82


CSS-Code:

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

 

HEX #FAF0BB zu HEX #C7BA82


CSS-Code:

background-image: radial-gradient(circle, #FAF0BB 6%, #C7BA82 91%);

 

HEX #C7BA82 zu HEX #FAF0BB


CSS-Code:

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

 

HEX #C7BA82 zu HEX #FAF0BB


CSS-Code:

background-image: radial-gradient(circle, #C7BA82 2%, #FAF0BB 89%);

 

HEX #FAF0BB zu HEX #B6A86F


CSS-Code:

background-image: linear-gradient(135deg, #FAF0BB 1%, #B6A86F 90%);

 

HEX #FAF0BB zu HEX #B6A86F


CSS-Code:

background-image: radial-gradient(circle, #FAF0BB 3%, #B6A86F 95%);

 

HEX #B6A86F zu HEX #FAF0BB


CSS-Code:

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

 

HEX #B6A86F zu HEX #FAF0BB


CSS-Code:

background-image: radial-gradient(circle, #B6A86F 11%, #FAF0BB 92%);

Linear

HEX #FAF0BB zu HEX #FAFABC


CSS-Code:

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

Radial

HEX #FAF0BB zu HEX #FAFABC


CSS-Code:

background-image: radial-gradient(circle, #FAF0BB 2%, #FAFABC 92%);

 

HEX #FAFABC zu HEX #FAF0BB


CSS-Code:

background-image: linear-gradient(135deg, #FAFABC 0%, #FAF0BB 100%);

 

HEX #FAFABC zu HEX #FAF0BB


CSS-Code:

background-image: radial-gradient(circle, #FAFABC 9%, #FAF0BB 99%);

 

HEX #FAF0BB zu HEX #EFFABC


CSS-Code:

background-image: linear-gradient(135deg, #FAF0BB 9%, #EFFABC 89%);

 

HEX #FAF0BB zu HEX #EFFABC


CSS-Code:

background-image: radial-gradient(circle, #FAF0BB 2%, #EFFABC 88%);

 

HEX #EFFABC zu HEX #FAF0BB


CSS-Code:

background-image: linear-gradient(135deg, #EFFABC 4%, #FAF0BB 99%);

 

HEX #EFFABC zu HEX #FAF0BB


CSS-Code:

background-image: radial-gradient(circle, #EFFABC 0%, #FAF0BB 96%);

 

HEX #FAF0BB zu HEX #E5FABC


CSS-Code:

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

 

HEX #FAF0BB zu HEX #E5FABC


CSS-Code:

background-image: radial-gradient(circle, #FAF0BB 13%, #E5FABC 87%);

 

HEX #E5FABC zu HEX #FAF0BB


CSS-Code:

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

 

HEX #E5FABC zu HEX #FAF0BB


CSS-Code:

background-image: radial-gradient(circle, #E5FABC 11%, #FAF0BB 95%);

 

HEX #FAF0BB zu HEX #DBFABC


CSS-Code:

background-image: linear-gradient(135deg, #FAF0BB 1%, #DBFABC 87%);

 

HEX #FAF0BB zu HEX #DBFABC


CSS-Code:

background-image: radial-gradient(circle, #FAF0BB 4%, #DBFABC 88%);

 

HEX #DBFABC zu HEX #FAF0BB


CSS-Code:

background-image: linear-gradient(135deg, #DBFABC 6%, #FAF0BB 89%);

 

HEX #DBFABC zu HEX #FAF0BB


CSS-Code:

background-image: radial-gradient(circle, #DBFABC 3%, #FAF0BB 90%);

Linear

HEX #FAF0BB zu HEX #2E2C22


CSS-Code:

background-image: linear-gradient(135deg, #FAF0BB 0%, #2E2C22 99%);

Radial

HEX #FAF0BB zu HEX #2E2C22


CSS-Code:

background-image: radial-gradient(circle, #FAF0BB 5%, #2E2C22 100%);

 

HEX #2E2C22 zu HEX #FAF0BB


CSS-Code:

background-image: linear-gradient(135deg, #2E2C22 1%, #FAF0BB 89%);

 

HEX #2E2C22 zu HEX #FAF0BB


CSS-Code:

background-image: radial-gradient(circle, #2E2C22 11%, #FAF0BB 89%);

 

HEX #FAF0BB zu HEX #615D49


CSS-Code:

background-image: linear-gradient(135deg, #FAF0BB 13%, #615D49 97%);

 

HEX #FAF0BB zu HEX #615D49


CSS-Code:

background-image: radial-gradient(circle, #FAF0BB 11%, #615D49 95%);

 

HEX #615D49 zu HEX #FAF0BB


CSS-Code:

background-image: linear-gradient(135deg, #615D49 12%, #FAF0BB 91%);

 

HEX #615D49 zu HEX #FAF0BB


CSS-Code:

background-image: radial-gradient(circle, #615D49 4%, #FAF0BB 92%);

 

HEX #FAF0BB zu HEX #948E6F


CSS-Code:

background-image: linear-gradient(135deg, #FAF0BB 0%, #948E6F 87%);

 

HEX #FAF0BB zu HEX #948E6F


CSS-Code:

background-image: radial-gradient(circle, #FAF0BB 5%, #948E6F 88%);

 

HEX #948E6F zu HEX #FAF0BB


CSS-Code:

background-image: linear-gradient(135deg, #948E6F 9%, #FAF0BB 93%);

 

HEX #948E6F zu HEX #FAF0BB


CSS-Code:

background-image: radial-gradient(circle, #948E6F 8%, #FAF0BB 95%);

 

HEX #FAF0BB zu HEX #C7BF95


CSS-Code:

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

 

HEX #FAF0BB zu HEX #C7BF95


CSS-Code:

background-image: radial-gradient(circle, #FAF0BB 9%, #C7BF95 95%);

 

HEX #C7BF95 zu HEX #FAF0BB


CSS-Code:

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

 

HEX #C7BF95 zu HEX #FAF0BB


CSS-Code:

background-image: radial-gradient(circle, #C7BF95 12%, #FAF0BB 90%);

Linear

HEX #FAF0BB zu HEX #BCFABE


CSS-Code:

background-image: linear-gradient(135deg, #FAF0BB 2%, #BCFABE 86%);

Radial

HEX #FAF0BB zu HEX #BCFABE


CSS-Code:

background-image: radial-gradient(circle, #FAF0BB 9%, #BCFABE 96%);

 

HEX #BCFABE zu HEX #FAF0BB


CSS-Code:

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

 

HEX #BCFABE zu HEX #FAF0BB


CSS-Code:

background-image: radial-gradient(circle, #BCFABE 3%, #FAF0BB 88%);

 

HEX #FAF0BB zu HEX #D7BCFA


CSS-Code:

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

 

HEX #FAF0BB zu HEX #D7BCFA


CSS-Code:

background-image: radial-gradient(circle, #FAF0BB 14%, #D7BCFA 92%);

 

HEX #D7BCFA zu HEX #FAF0BB


CSS-Code:

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

 

HEX #D7BCFA zu HEX #FAF0BB


CSS-Code:

background-image: radial-gradient(circle, #D7BCFA 3%, #FAF0BB 98%);

Linear

HEX #FAF0BB zu HEX #BCFAEF


CSS-Code:

background-image: linear-gradient(135deg, #FAF0BB 0%, #BCFAEF 86%);

Radial

HEX #FAF0BB zu HEX #BCFAEF


CSS-Code:

background-image: radial-gradient(circle, #FAF0BB 5%, #BCFAEF 90%);

 

HEX #BCFAEF zu HEX #FAF0BB


CSS-Code:

background-image: linear-gradient(135deg, #BCFAEF 13%, #FAF0BB 97%);

 

HEX #BCFAEF zu HEX #FAF0BB


CSS-Code:

background-image: radial-gradient(circle, #BCFAEF 2%, #FAF0BB 89%);

 

HEX #FAF0BB zu HEX #EFBCFA


CSS-Code:

background-image: linear-gradient(135deg, #FAF0BB 14%, #EFBCFA 97%);

 

HEX #FAF0BB zu HEX #EFBCFA


CSS-Code:

background-image: radial-gradient(circle, #FAF0BB 8%, #EFBCFA 91%);

 

HEX #EFBCFA zu HEX #FAF0BB


CSS-Code:

background-image: linear-gradient(135deg, #EFBCFA 0%, #FAF0BB 97%);

 

HEX #EFBCFA zu HEX #FAF0BB


CSS-Code:

background-image: radial-gradient(circle, #EFBCFA 8%, #FAF0BB 96%);

Linear

HEX #FAF0BB zu HEX #BCFABE


CSS-Code:

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

Radial

HEX #FAF0BB zu HEX #BCFABE


CSS-Code:

background-image: radial-gradient(circle, #FAF0BB 10%, #BCFABE 91%);

 

HEX #BCFABE zu HEX #FAF0BB


CSS-Code:

background-image: linear-gradient(135deg, #BCFABE 2%, #FAF0BB 96%);

 

HEX #BCFABE zu HEX #FAF0BB


CSS-Code:

background-image: radial-gradient(circle, #BCFABE 2%, #FAF0BB 100%);

 

HEX #FAF0BB zu HEX #BCC6FA


CSS-Code:

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

 

HEX #FAF0BB zu HEX #BCC6FA


CSS-Code:

background-image: radial-gradient(circle, #FAF0BB 2%, #BCC6FA 94%);

 

HEX #BCC6FA zu HEX #FAF0BB


CSS-Code:

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

 

HEX #BCC6FA zu HEX #FAF0BB


CSS-Code:

background-image: radial-gradient(circle, #BCC6FA 11%, #FAF0BB 91%);

 

HEX #FAF0BB zu HEX #FABCF7


CSS-Code:

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

 

HEX #FAF0BB zu HEX #FABCF7


CSS-Code:

background-image: radial-gradient(circle, #FAF0BB 12%, #FABCF7 86%);

 

HEX #FABCF7 zu HEX #FAF0BB


CSS-Code:

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

 

HEX #FABCF7 zu HEX #FAF0BB


CSS-Code:

background-image: radial-gradient(circle, #FABCF7 11%, #FAF0BB 87%);

Linear

HEX #FAF0BB zu HEX #BCFAD1


CSS-Code:

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

Radial

HEX #FAF0BB zu HEX #BCFAD1


CSS-Code:

background-image: radial-gradient(circle, #FAF0BB 9%, #BCFAD1 99%);

 

HEX #BCFAD1 zu HEX #FAF0BB


CSS-Code:

background-image: linear-gradient(135deg, #BCFAD1 0%, #FAF0BB 89%);

 

HEX #BCFAD1 zu HEX #FAF0BB


CSS-Code:

background-image: radial-gradient(circle, #BCFAD1 2%, #FAF0BB 89%);

 

HEX #FAF0BB zu HEX #BCC6FA


CSS-Code:

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

 

HEX #FAF0BB zu HEX #BCC6FA


CSS-Code:

background-image: radial-gradient(circle, #FAF0BB 5%, #BCC6FA 88%);

 

HEX #BCC6FA zu HEX #FAF0BB


CSS-Code:

background-image: linear-gradient(135deg, #BCC6FA 2%, #FAF0BB 97%);

 

HEX #BCC6FA zu HEX #FAF0BB


CSS-Code:

background-image: radial-gradient(circle, #BCC6FA 9%, #FAF0BB 88%);

 

HEX #FAF0BB zu HEX #FABCE5


CSS-Code:

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

 

HEX #FAF0BB zu HEX #FABCE5


CSS-Code:

background-image: radial-gradient(circle, #FAF0BB 5%, #FABCE5 94%);

 

HEX #FABCE5 zu HEX #FAF0BB


CSS-Code:

background-image: linear-gradient(135deg, #FABCE5 13%, #FAF0BB 97%);

 

HEX #FABCE5 zu HEX #FAF0BB


CSS-Code:

background-image: radial-gradient(circle, #FABCE5 11%, #FAF0BB 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, musst Du angemeldet sein.

Bei deinem Konto anmelden

oder

Erstelle ein Konto

Aktuelle Farbpalette teilen
Soll sie öffentlich oder privat sein?
Link(s) folgen nach dem Teilen.

Abbrechen Teilen

Farbpalette geteilt
Bitte kopiere und speichere dir den gewünschten Link.

Teilen

OK, ich habe die Links kopiert

Deine Farben werden in einer neuen Farbpalette gespeichert.
Sehe sie dir unter deinem Profil an.
Du kannst sie weiter anpassen, und teilen.

Farbpalette anzeigen
Schließen

Erstelle eine Farbpalette

HerunterladenHerunterladen in verschiedenen Formaten

Alle Entfernen

Durch Klicken auf kannst du Paletten erstellen und die Farbfelder herunterladen.