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

✕

CSS Gradienten:
#FFDDBB

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 255 Rot, 221 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.
255 221 187 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils keine Cyan, 13 Magenta, 27 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% 13% 27% 0% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #FFDDBB zu HEX #002244


CSS-Code:

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

Radial

HEX #FFDDBB zu HEX #002244


CSS-Code:

background-image: radial-gradient(circle, #FFDDBB 14%, #002244 96%);

 

HEX #002244 zu HEX #FFDDBB


CSS-Code:

background-image: linear-gradient(135deg, #002244 10%, #FFDDBB 91%);

 

HEX #002244 zu HEX #FFDDBB


CSS-Code:

background-image: radial-gradient(circle, #002244 2%, #FFDDBB 86%);

Linear

HEX #FFDDBB zu HEX #FFEFC9


CSS-Code:

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

Radial

HEX #FFDDBB zu HEX #FFEFC9


CSS-Code:

background-image: radial-gradient(circle, #FFDDBB 11%, #FFEFC9 95%);

 

HEX #FFEFC9 zu HEX #FFDDBB


CSS-Code:

background-image: linear-gradient(135deg, #FFEFC9 9%, #FFDDBB 97%);

 

HEX #FFEFC9 zu HEX #FFDDBB


CSS-Code:

background-image: radial-gradient(circle, #FFEFC9 2%, #FFDDBB 97%);

 

HEX #FFDDBB zu HEX #FFFFDC


CSS-Code:

background-image: linear-gradient(135deg, #FFDDBB 3%, #FFFFDC 96%);

 

HEX #FFDDBB zu HEX #FFFFDC


CSS-Code:

background-image: radial-gradient(circle, #FFDDBB 2%, #FFFFDC 96%);

 

HEX #FFFFDC zu HEX #FFDDBB


CSS-Code:

background-image: linear-gradient(135deg, #FFFFDC 6%, #FFDDBB 99%);

 

HEX #FFFFDC zu HEX #FFDDBB


CSS-Code:

background-image: radial-gradient(circle, #FFFFDC 14%, #FFDDBB 88%);

 

HEX #FFDDBB zu HEX #FFFFEF


CSS-Code:

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

 

HEX #FFDDBB zu HEX #FFFFEF


CSS-Code:

background-image: radial-gradient(circle, #FFDDBB 13%, #FFFFEF 99%);

 

HEX #FFFFEF zu HEX #FFDDBB


CSS-Code:

background-image: linear-gradient(135deg, #FFFFEF 13%, #FFDDBB 89%);

 

HEX #FFFFEF zu HEX #FFDDBB


CSS-Code:

background-image: radial-gradient(circle, #FFFFEF 3%, #FFDDBB 88%);

Linear

HEX #FFDDBB zu HEX #EECBA8


CSS-Code:

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

Radial

HEX #FFDDBB zu HEX #EECBA8


CSS-Code:

background-image: radial-gradient(circle, #FFDDBB 14%, #EECBA8 90%);

 

HEX #EECBA8 zu HEX #FFDDBB


CSS-Code:

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

 

HEX #EECBA8 zu HEX #FFDDBB


CSS-Code:

background-image: radial-gradient(circle, #EECBA8 5%, #FFDDBB 93%);

 

HEX #FFDDBB zu HEX #DDB995


CSS-Code:

background-image: linear-gradient(135deg, #FFDDBB 13%, #DDB995 89%);

 

HEX #FFDDBB zu HEX #DDB995


CSS-Code:

background-image: radial-gradient(circle, #FFDDBB 6%, #DDB995 98%);

 

HEX #DDB995 zu HEX #FFDDBB


CSS-Code:

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

 

HEX #DDB995 zu HEX #FFDDBB


CSS-Code:

background-image: radial-gradient(circle, #DDB995 9%, #FFDDBB 95%);

 

HEX #FFDDBB zu HEX #CCA782


CSS-Code:

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

 

HEX #FFDDBB zu HEX #CCA782


CSS-Code:

background-image: radial-gradient(circle, #FFDDBB 13%, #CCA782 94%);

 

HEX #CCA782 zu HEX #FFDDBB


CSS-Code:

background-image: linear-gradient(135deg, #CCA782 6%, #FFDDBB 99%);

 

HEX #CCA782 zu HEX #FFDDBB


CSS-Code:

background-image: radial-gradient(circle, #CCA782 4%, #FFDDBB 90%);

 

HEX #FFDDBB zu HEX #BB956F


CSS-Code:

background-image: linear-gradient(135deg, #FFDDBB 2%, #BB956F 99%);

 

HEX #FFDDBB zu HEX #BB956F


CSS-Code:

background-image: radial-gradient(circle, #FFDDBB 2%, #BB956F 92%);

 

HEX #BB956F zu HEX #FFDDBB


CSS-Code:

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

 

HEX #BB956F zu HEX #FFDDBB


CSS-Code:

background-image: radial-gradient(circle, #BB956F 1%, #FFDDBB 89%);

Linear

HEX #FFDDBB zu HEX #FFE8BC


CSS-Code:

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

Radial

HEX #FFDDBB zu HEX #FFE8BC


CSS-Code:

background-image: radial-gradient(circle, #FFDDBB 11%, #FFE8BC 94%);

 

HEX #FFE8BC zu HEX #FFDDBB


CSS-Code:

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

 

HEX #FFE8BC zu HEX #FFDDBB


CSS-Code:

background-image: radial-gradient(circle, #FFE8BC 4%, #FFDDBB 90%);

 

HEX #FFDDBB zu HEX #FFF3BC


CSS-Code:

background-image: linear-gradient(135deg, #FFDDBB 10%, #FFF3BC 92%);

 

HEX #FFDDBB zu HEX #FFF3BC


CSS-Code:

background-image: radial-gradient(circle, #FFDDBB 11%, #FFF3BC 91%);

 

HEX #FFF3BC zu HEX #FFDDBB


CSS-Code:

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

 

HEX #FFF3BC zu HEX #FFDDBB


CSS-Code:

background-image: radial-gradient(circle, #FFF3BC 5%, #FFDDBB 96%);

 

HEX #FFDDBB zu HEX #FFFFBC


CSS-Code:

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

 

HEX #FFDDBB zu HEX #FFFFBC


CSS-Code:

background-image: radial-gradient(circle, #FFDDBB 8%, #FFFFBC 99%);

 

HEX #FFFFBC zu HEX #FFDDBB


CSS-Code:

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

 

HEX #FFFFBC zu HEX #FFDDBB


CSS-Code:

background-image: radial-gradient(circle, #FFFFBC 1%, #FFDDBB 86%);

 

HEX #FFDDBB zu HEX #F3FFBC


CSS-Code:

background-image: linear-gradient(135deg, #FFDDBB 9%, #F3FFBC 91%);

 

HEX #FFDDBB zu HEX #F3FFBC


CSS-Code:

background-image: radial-gradient(circle, #FFDDBB 12%, #F3FFBC 91%);

 

HEX #F3FFBC zu HEX #FFDDBB


CSS-Code:

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

 

HEX #F3FFBC zu HEX #FFDDBB


CSS-Code:

background-image: radial-gradient(circle, #F3FFBC 4%, #FFDDBB 98%);

Linear

HEX #FFDDBB zu HEX #332C25


CSS-Code:

background-image: linear-gradient(135deg, #FFDDBB 4%, #332C25 91%);

Radial

HEX #FFDDBB zu HEX #332C25


CSS-Code:

background-image: radial-gradient(circle, #FFDDBB 10%, #332C25 94%);

 

HEX #332C25 zu HEX #FFDDBB


CSS-Code:

background-image: linear-gradient(135deg, #332C25 3%, #FFDDBB 92%);

 

HEX #332C25 zu HEX #FFDDBB


CSS-Code:

background-image: radial-gradient(circle, #332C25 12%, #FFDDBB 97%);

 

HEX #FFDDBB zu HEX #66584B


CSS-Code:

background-image: linear-gradient(135deg, #FFDDBB 5%, #66584B 92%);

 

HEX #FFDDBB zu HEX #66584B


CSS-Code:

background-image: radial-gradient(circle, #FFDDBB 7%, #66584B 87%);

 

HEX #66584B zu HEX #FFDDBB


CSS-Code:

background-image: linear-gradient(135deg, #66584B 3%, #FFDDBB 87%);

 

HEX #66584B zu HEX #FFDDBB


CSS-Code:

background-image: radial-gradient(circle, #66584B 6%, #FFDDBB 94%);

 

HEX #FFDDBB zu HEX #998570


CSS-Code:

background-image: linear-gradient(135deg, #FFDDBB 0%, #998570 99%);

 

HEX #FFDDBB zu HEX #998570


CSS-Code:

background-image: radial-gradient(circle, #FFDDBB 11%, #998570 96%);

 

HEX #998570 zu HEX #FFDDBB


CSS-Code:

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

 

HEX #998570 zu HEX #FFDDBB


CSS-Code:

background-image: radial-gradient(circle, #998570 6%, #FFDDBB 98%);

 

HEX #FFDDBB zu HEX #CCB196


CSS-Code:

background-image: linear-gradient(135deg, #FFDDBB 6%, #CCB196 98%);

 

HEX #FFDDBB zu HEX #CCB196


CSS-Code:

background-image: radial-gradient(circle, #FFDDBB 4%, #CCB196 90%);

 

HEX #CCB196 zu HEX #FFDDBB


CSS-Code:

background-image: linear-gradient(135deg, #CCB196 5%, #FFDDBB 89%);

 

HEX #CCB196 zu HEX #FFDDBB


CSS-Code:

background-image: radial-gradient(circle, #CCB196 4%, #FFDDBB 90%);

Linear

HEX #FFDDBB zu HEX #D0FFBC


CSS-Code:

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

Radial

HEX #FFDDBB zu HEX #D0FFBC


CSS-Code:

background-image: radial-gradient(circle, #FFDDBB 10%, #D0FFBC 98%);

 

HEX #D0FFBC zu HEX #FFDDBB


CSS-Code:

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

 

HEX #D0FFBC zu HEX #FFDDBB


CSS-Code:

background-image: radial-gradient(circle, #D0FFBC 6%, #FFDDBB 96%);

 

HEX #FFDDBB zu HEX #C3BCFF


CSS-Code:

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

 

HEX #FFDDBB zu HEX #C3BCFF


CSS-Code:

background-image: radial-gradient(circle, #FFDDBB 0%, #C3BCFF 89%);

 

HEX #C3BCFF zu HEX #FFDDBB


CSS-Code:

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

 

HEX #C3BCFF zu HEX #FFDDBB


CSS-Code:

background-image: radial-gradient(circle, #C3BCFF 1%, #FFDDBB 98%);

Linear

HEX #FFDDBB zu HEX #BCFFDD


CSS-Code:

background-image: linear-gradient(135deg, #FFDDBB 3%, #BCFFDD 92%);

Radial

HEX #FFDDBB zu HEX #BCFFDD


CSS-Code:

background-image: radial-gradient(circle, #FFDDBB 9%, #BCFFDD 94%);

 

HEX #BCFFDD zu HEX #FFDDBB


CSS-Code:

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

 

HEX #BCFFDD zu HEX #FFDDBB


CSS-Code:

background-image: radial-gradient(circle, #BCFFDD 2%, #FFDDBB 90%);

 

HEX #FFDDBB zu HEX #DDBCFF


CSS-Code:

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

 

HEX #FFDDBB zu HEX #DDBCFF


CSS-Code:

background-image: radial-gradient(circle, #FFDDBB 0%, #DDBCFF 92%);

 

HEX #DDBCFF zu HEX #FFDDBB


CSS-Code:

background-image: linear-gradient(135deg, #DDBCFF 12%, #FFDDBB 93%);

 

HEX #DDBCFF zu HEX #FFDDBB


CSS-Code:

background-image: radial-gradient(circle, #DDBCFF 7%, #FFDDBB 92%);

Linear

HEX #FFDDBB zu HEX #D0FFBC


CSS-Code:

background-image: linear-gradient(135deg, #FFDDBB 14%, #D0FFBC 87%);

Radial

HEX #FFDDBB zu HEX #D0FFBC


CSS-Code:

background-image: radial-gradient(circle, #FFDDBB 10%, #D0FFBC 88%);

 

HEX #D0FFBC zu HEX #FFDDBB


CSS-Code:

background-image: linear-gradient(135deg, #D0FFBC 13%, #FFDDBB 89%);

 

HEX #D0FFBC zu HEX #FFDDBB


CSS-Code:

background-image: radial-gradient(circle, #D0FFBC 14%, #FFDDBB 95%);

 

HEX #FFDDBB zu HEX #BCDDFF


CSS-Code:

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

 

HEX #FFDDBB zu HEX #BCDDFF


CSS-Code:

background-image: radial-gradient(circle, #FFDDBB 0%, #BCDDFF 98%);

 

HEX #BCDDFF zu HEX #FFDDBB


CSS-Code:

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

 

HEX #BCDDFF zu HEX #FFDDBB


CSS-Code:

background-image: radial-gradient(circle, #BCDDFF 4%, #FFDDBB 88%);

 

HEX #FFDDBB zu HEX #EBBCFF


CSS-Code:

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

 

HEX #FFDDBB zu HEX #EBBCFF


CSS-Code:

background-image: radial-gradient(circle, #FFDDBB 0%, #EBBCFF 87%);

 

HEX #EBBCFF zu HEX #FFDDBB


CSS-Code:

background-image: linear-gradient(135deg, #EBBCFF 9%, #FFDDBB 97%);

 

HEX #EBBCFF zu HEX #FFDDBB


CSS-Code:

background-image: radial-gradient(circle, #EBBCFF 0%, #FFDDBB 93%);

Linear

HEX #FFDDBB zu HEX #BCFFBC


CSS-Code:

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

Radial

HEX #FFDDBB zu HEX #BCFFBC


CSS-Code:

background-image: radial-gradient(circle, #FFDDBB 13%, #BCFFBC 87%);

 

HEX #BCFFBC zu HEX #FFDDBB


CSS-Code:

background-image: linear-gradient(135deg, #BCFFBC 3%, #FFDDBB 92%);

 

HEX #BCFFBC zu HEX #FFDDBB


CSS-Code:

background-image: radial-gradient(circle, #BCFFBC 14%, #FFDDBB 93%);

 

HEX #FFDDBB zu HEX #BCDDFF


CSS-Code:

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

 

HEX #FFDDBB zu HEX #BCDDFF


CSS-Code:

background-image: radial-gradient(circle, #FFDDBB 3%, #BCDDFF 99%);

 

HEX #BCDDFF zu HEX #FFDDBB


CSS-Code:

background-image: linear-gradient(135deg, #BCDDFF 8%, #FFDDBB 89%);

 

HEX #BCDDFF zu HEX #FFDDBB


CSS-Code:

background-image: radial-gradient(circle, #BCDDFF 13%, #FFDDBB 96%);

 

HEX #FFDDBB zu HEX #FFBCFF


CSS-Code:

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

 

HEX #FFDDBB zu HEX #FFBCFF


CSS-Code:

background-image: radial-gradient(circle, #FFDDBB 11%, #FFBCFF 94%);

 

HEX #FFBCFF zu HEX #FFDDBB


CSS-Code:

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

 

HEX #FFBCFF zu HEX #FFDDBB


CSS-Code:

background-image: radial-gradient(circle, #FFBCFF 9%, #FFDDBB 99%);

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