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

CSS Gradienten:
#B1FFCC00

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 177 Rot, 255 Grün und 204 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.
177 255 204 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 #B1FFCC00 zu HEX #4E003300


CSS-Code:

background-image: linear-gradient(135deg, #B1FFCC00 1%, #4E003300 89%);

Radial

HEX #B1FFCC00 zu HEX #4E003300


CSS-Code:

background-image: radial-gradient(circle, #B1FFCC00 6%, #4E003300 88%);

 

HEX #4E003300 zu HEX #B1FFCC00


CSS-Code:

background-image: linear-gradient(135deg, #4E003300 10%, #B1FFCC00 93%);

 

HEX #4E003300 zu HEX #B1FFCC00


CSS-Code:

background-image: radial-gradient(circle, #4E003300 7%, #B1FFCC00 99%);

Linear

HEX #B1FFCC00 zu HEX #C7FFDA00


CSS-Code:

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

Radial

HEX #B1FFCC00 zu HEX #C7FFDA00


CSS-Code:

background-image: radial-gradient(circle, #B1FFCC00 6%, #C7FFDA00 99%);

 

HEX #C7FFDA00 zu HEX #B1FFCC00


CSS-Code:

background-image: linear-gradient(135deg, #C7FFDA00 10%, #B1FFCC00 95%);

 

HEX #C7FFDA00 zu HEX #B1FFCC00


CSS-Code:

background-image: radial-gradient(circle, #C7FFDA00 5%, #B1FFCC00 87%);

 

HEX #B1FFCC00 zu HEX #D8FFED00


CSS-Code:

background-image: linear-gradient(135deg, #B1FFCC00 10%, #D8FFED00 96%);

 

HEX #B1FFCC00 zu HEX #D8FFED00


CSS-Code:

background-image: radial-gradient(circle, #B1FFCC00 13%, #D8FFED00 93%);

 

HEX #D8FFED00 zu HEX #B1FFCC00


CSS-Code:

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

 

HEX #D8FFED00 zu HEX #B1FFCC00


CSS-Code:

background-image: radial-gradient(circle, #D8FFED00 12%, #B1FFCC00 89%);

 

HEX #B1FFCC00 zu HEX #E9FFFF00


CSS-Code:

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

 

HEX #B1FFCC00 zu HEX #E9FFFF00


CSS-Code:

background-image: radial-gradient(circle, #B1FFCC00 7%, #E9FFFF00 91%);

 

HEX #E9FFFF00 zu HEX #B1FFCC00


CSS-Code:

background-image: linear-gradient(135deg, #E9FFFF00 3%, #B1FFCC00 94%);

 

HEX #E9FFFF00 zu HEX #B1FFCC00


CSS-Code:

background-image: radial-gradient(circle, #E9FFFF00 11%, #B1FFCC00 95%);

 

HEX #B1FFCC00 zu HEX #FAFFFF00


CSS-Code:

background-image: linear-gradient(135deg, #B1FFCC00 6%, #FAFFFF00 93%);

 

HEX #B1FFCC00 zu HEX #FAFFFF00


CSS-Code:

background-image: radial-gradient(circle, #B1FFCC00 5%, #FAFFFF00 97%);

 

HEX #FAFFFF00 zu HEX #B1FFCC00


CSS-Code:

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

 

HEX #FAFFFF00 zu HEX #B1FFCC00


CSS-Code:

background-image: radial-gradient(circle, #FAFFFF00 0%, #B1FFCC00 96%);

Linear

HEX #B1FFCC00 zu HEX #A0EDB900


CSS-Code:

background-image: linear-gradient(135deg, #B1FFCC00 11%, #A0EDB900 87%);

Radial

HEX #B1FFCC00 zu HEX #A0EDB900


CSS-Code:

background-image: radial-gradient(circle, #B1FFCC00 11%, #A0EDB900 97%);

 

HEX #A0EDB900 zu HEX #B1FFCC00


CSS-Code:

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

 

HEX #A0EDB900 zu HEX #B1FFCC00


CSS-Code:

background-image: radial-gradient(circle, #A0EDB900 2%, #B1FFCC00 91%);

 

HEX #B1FFCC00 zu HEX #8FDBA600


CSS-Code:

background-image: linear-gradient(135deg, #B1FFCC00 7%, #8FDBA600 90%);

 

HEX #B1FFCC00 zu HEX #8FDBA600


CSS-Code:

background-image: radial-gradient(circle, #B1FFCC00 5%, #8FDBA600 96%);

 

HEX #8FDBA600 zu HEX #B1FFCC00


CSS-Code:

background-image: linear-gradient(135deg, #8FDBA600 10%, #B1FFCC00 93%);

 

HEX #8FDBA600 zu HEX #B1FFCC00


CSS-Code:

background-image: radial-gradient(circle, #8FDBA600 2%, #B1FFCC00 90%);

 

HEX #B1FFCC00 zu HEX #7EC99300


CSS-Code:

background-image: linear-gradient(135deg, #B1FFCC00 14%, #7EC99300 89%);

 

HEX #B1FFCC00 zu HEX #7EC99300


CSS-Code:

background-image: radial-gradient(circle, #B1FFCC00 5%, #7EC99300 93%);

 

HEX #7EC99300 zu HEX #B1FFCC00


CSS-Code:

background-image: linear-gradient(135deg, #7EC99300 13%, #B1FFCC00 91%);

 

HEX #7EC99300 zu HEX #B1FFCC00


CSS-Code:

background-image: radial-gradient(circle, #7EC99300 5%, #B1FFCC00 94%);

 

HEX #B1FFCC00 zu HEX #6DB78000


CSS-Code:

background-image: linear-gradient(135deg, #B1FFCC00 2%, #6DB78000 90%);

 

HEX #B1FFCC00 zu HEX #6DB78000


CSS-Code:

background-image: radial-gradient(circle, #B1FFCC00 13%, #6DB78000 94%);

 

HEX #6DB78000 zu HEX #B1FFCC00


CSS-Code:

background-image: linear-gradient(135deg, #6DB78000 8%, #B1FFCC00 86%);

 

HEX #6DB78000 zu HEX #B1FFCC00


CSS-Code:

background-image: radial-gradient(circle, #6DB78000 14%, #B1FFCC00 93%);

Linear

HEX #B1FFCC00 zu HEX #B2FFD800


CSS-Code:

background-image: linear-gradient(135deg, #B1FFCC00 13%, #B2FFD800 99%);

Radial

HEX #B1FFCC00 zu HEX #B2FFD800


CSS-Code:

background-image: radial-gradient(circle, #B1FFCC00 12%, #B2FFD800 94%);

 

HEX #B2FFD800 zu HEX #B1FFCC00


CSS-Code:

background-image: linear-gradient(135deg, #B2FFD800 13%, #B1FFCC00 98%);

 

HEX #B2FFD800 zu HEX #B1FFCC00


CSS-Code:

background-image: radial-gradient(circle, #B2FFD800 13%, #B1FFCC00 100%);

 

HEX #B1FFCC00 zu HEX #B2FFE500


CSS-Code:

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

 

HEX #B1FFCC00 zu HEX #B2FFE500


CSS-Code:

background-image: radial-gradient(circle, #B1FFCC00 9%, #B2FFE500 96%);

 

HEX #B2FFE500 zu HEX #B1FFCC00


CSS-Code:

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

 

HEX #B2FFE500 zu HEX #B1FFCC00


CSS-Code:

background-image: radial-gradient(circle, #B2FFE500 0%, #B1FFCC00 95%);

 

HEX #B1FFCC00 zu HEX #B2FFF200


CSS-Code:

background-image: linear-gradient(135deg, #B1FFCC00 6%, #B2FFF200 86%);

 

HEX #B1FFCC00 zu HEX #B2FFF200


CSS-Code:

background-image: radial-gradient(circle, #B1FFCC00 8%, #B2FFF200 86%);

 

HEX #B2FFF200 zu HEX #B1FFCC00


CSS-Code:

background-image: linear-gradient(135deg, #B2FFF200 3%, #B1FFCC00 86%);

 

HEX #B2FFF200 zu HEX #B1FFCC00


CSS-Code:

background-image: radial-gradient(circle, #B2FFF200 4%, #B1FFCC00 89%);

 

HEX #B1FFCC00 zu HEX #B2FFFF00


CSS-Code:

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

 

HEX #B1FFCC00 zu HEX #B2FFFF00


CSS-Code:

background-image: radial-gradient(circle, #B1FFCC00 10%, #B2FFFF00 99%);

 

HEX #B2FFFF00 zu HEX #B1FFCC00


CSS-Code:

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

 

HEX #B2FFFF00 zu HEX #B1FFCC00


CSS-Code:

background-image: radial-gradient(circle, #B2FFFF00 13%, #B1FFCC00 87%);

Linear

HEX #B1FFCC00 zu HEX #233329


CSS-Code:

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

Radial

HEX #B1FFCC00 zu HEX #233329


CSS-Code:

background-image: radial-gradient(circle, #B1FFCC00 1%, #233329 89%);

 

HEX #233329 zu HEX #B1FFCC00


CSS-Code:

background-image: linear-gradient(135deg, #233329 0%, #B1FFCC00 87%);

 

HEX #233329 zu HEX #B1FFCC00


CSS-Code:

background-image: radial-gradient(circle, #233329 1%, #B1FFCC00 94%);

 

HEX #B1FFCC00 zu HEX #476652


CSS-Code:

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

 

HEX #B1FFCC00 zu HEX #476652


CSS-Code:

background-image: radial-gradient(circle, #B1FFCC00 3%, #476652 91%);

 

HEX #476652 zu HEX #B1FFCC00


CSS-Code:

background-image: linear-gradient(135deg, #476652 14%, #B1FFCC00 93%);

 

HEX #476652 zu HEX #B1FFCC00


CSS-Code:

background-image: radial-gradient(circle, #476652 9%, #B1FFCC00 88%);

 

HEX #B1FFCC00 zu HEX #6A997A


CSS-Code:

background-image: linear-gradient(135deg, #B1FFCC00 7%, #6A997A 88%);

 

HEX #B1FFCC00 zu HEX #6A997A


CSS-Code:

background-image: radial-gradient(circle, #B1FFCC00 0%, #6A997A 98%);

 

HEX #6A997A zu HEX #B1FFCC00


CSS-Code:

background-image: linear-gradient(135deg, #6A997A 7%, #B1FFCC00 96%);

 

HEX #6A997A zu HEX #B1FFCC00


CSS-Code:

background-image: radial-gradient(circle, #6A997A 1%, #B1FFCC00 89%);

 

HEX #B1FFCC00 zu HEX #8ECCA3


CSS-Code:

background-image: linear-gradient(135deg, #B1FFCC00 14%, #8ECCA3 96%);

 

HEX #B1FFCC00 zu HEX #8ECCA3


CSS-Code:

background-image: radial-gradient(circle, #B1FFCC00 6%, #8ECCA3 87%);

 

HEX #8ECCA3 zu HEX #B1FFCC00


CSS-Code:

background-image: linear-gradient(135deg, #8ECCA3 4%, #B1FFCC00 91%);

 

HEX #8ECCA3 zu HEX #B1FFCC00


CSS-Code:

background-image: radial-gradient(circle, #8ECCA3 0%, #B1FFCC00 95%);

Linear

HEX #B1FFCC00 zu HEX #B2D6FF


CSS-Code:

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

Radial

HEX #B1FFCC00 zu HEX #B2D6FF


CSS-Code:

background-image: radial-gradient(circle, #B1FFCC00 9%, #B2D6FF 96%);

 

HEX #B2D6FF zu HEX #B1FFCC00


CSS-Code:

background-image: linear-gradient(135deg, #B2D6FF 6%, #B1FFCC00 91%);

 

HEX #B2D6FF zu HEX #B1FFCC00


CSS-Code:

background-image: radial-gradient(circle, #B2D6FF 13%, #B1FFCC00 93%);

 

HEX #B1FFCC00 zu HEX #FFB2B7


CSS-Code:

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

 

HEX #B1FFCC00 zu HEX #FFB2B7


CSS-Code:

background-image: radial-gradient(circle, #B1FFCC00 10%, #FFB2B7 94%);

 

HEX #FFB2B7 zu HEX #B1FFCC00


CSS-Code:

background-image: linear-gradient(135deg, #FFB2B7 2%, #B1FFCC00 92%);

 

HEX #FFB2B7 zu HEX #B1FFCC00


CSS-Code:

background-image: radial-gradient(circle, #FFB2B7 9%, #B1FFCC00 100%);

Linear

HEX #B1FFCC00 zu HEX #CBB2FF


CSS-Code:

background-image: linear-gradient(135deg, #B1FFCC00 12%, #CBB2FF 86%);

Radial

HEX #B1FFCC00 zu HEX #CBB2FF


CSS-Code:

background-image: radial-gradient(circle, #B1FFCC00 10%, #CBB2FF 87%);

 

HEX #CBB2FF zu HEX #B1FFCC00


CSS-Code:

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

 

HEX #CBB2FF zu HEX #B1FFCC00


CSS-Code:

background-image: radial-gradient(circle, #CBB2FF 9%, #B1FFCC00 100%);

 

HEX #B1FFCC00 zu HEX #FFCBB2


CSS-Code:

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

 

HEX #B1FFCC00 zu HEX #FFCBB2


CSS-Code:

background-image: radial-gradient(circle, #B1FFCC00 11%, #FFCBB2 89%);

 

HEX #FFCBB2 zu HEX #B1FFCC00


CSS-Code:

background-image: linear-gradient(135deg, #FFCBB2 1%, #B1FFCC00 98%);

 

HEX #FFCBB2 zu HEX #B1FFCC00


CSS-Code:

background-image: radial-gradient(circle, #FFCBB2 1%, #B1FFCC00 100%);

Linear

HEX #B1FFCC00 zu HEX #B2D6FF


CSS-Code:

background-image: linear-gradient(135deg, #B1FFCC00 2%, #B2D6FF 94%);

Radial

HEX #B1FFCC00 zu HEX #B2D6FF


CSS-Code:

background-image: radial-gradient(circle, #B1FFCC00 14%, #B2D6FF 88%);

 

HEX #B2D6FF zu HEX #B1FFCC00


CSS-Code:

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

 

HEX #B2D6FF zu HEX #B1FFCC00


CSS-Code:

background-image: radial-gradient(circle, #B2D6FF 2%, #B1FFCC00 90%);

 

HEX #B1FFCC00 zu HEX #FFB2E5


CSS-Code:

background-image: linear-gradient(135deg, #B1FFCC00 14%, #FFB2E5 91%);

 

HEX #B1FFCC00 zu HEX #FFB2E5


CSS-Code:

background-image: radial-gradient(circle, #B1FFCC00 7%, #FFB2E5 88%);

 

HEX #FFB2E5 zu HEX #B1FFCC00


CSS-Code:

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

 

HEX #FFB2E5 zu HEX #B1FFCC00


CSS-Code:

background-image: radial-gradient(circle, #FFB2E5 7%, #B1FFCC00 98%);

 

HEX #B1FFCC00 zu HEX #FFDBB2


CSS-Code:

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

 

HEX #B1FFCC00 zu HEX #FFDBB2


CSS-Code:

background-image: radial-gradient(circle, #B1FFCC00 8%, #FFDBB2 92%);

 

HEX #FFDBB2 zu HEX #B1FFCC00


CSS-Code:

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

 

HEX #FFDBB2 zu HEX #B1FFCC00


CSS-Code:

background-image: radial-gradient(circle, #FFDBB2 10%, #B1FFCC00 86%);

Linear

HEX #B1FFCC00 zu HEX #B2BFFF


CSS-Code:

background-image: linear-gradient(135deg, #B1FFCC00 9%, #B2BFFF 88%);

Radial

HEX #B1FFCC00 zu HEX #B2BFFF


CSS-Code:

background-image: radial-gradient(circle, #B1FFCC00 4%, #B2BFFF 93%);

 

HEX #B2BFFF zu HEX #B1FFCC00


CSS-Code:

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

 

HEX #B2BFFF zu HEX #B1FFCC00


CSS-Code:

background-image: radial-gradient(circle, #B2BFFF 0%, #B1FFCC00 87%);

 

HEX #B1FFCC00 zu HEX #FFB2E5


CSS-Code:

background-image: linear-gradient(135deg, #B1FFCC00 0%, #FFB2E5 88%);

 

HEX #B1FFCC00 zu HEX #FFB2E5


CSS-Code:

background-image: radial-gradient(circle, #B1FFCC00 1%, #FFB2E5 99%);

 

HEX #FFB2E5 zu HEX #B1FFCC00


CSS-Code:

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

 

HEX #FFB2E5 zu HEX #B1FFCC00


CSS-Code:

background-image: radial-gradient(circle, #FFB2E5 11%, #B1FFCC00 99%);

 

HEX #B1FFCC00 zu HEX #FFF2B2


CSS-Code:

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

 

HEX #B1FFCC00 zu HEX #FFF2B2


CSS-Code:

background-image: radial-gradient(circle, #B1FFCC00 12%, #FFF2B2 98%);

 

HEX #FFF2B2 zu HEX #B1FFCC00


CSS-Code:

background-image: linear-gradient(135deg, #FFF2B2 4%, #B1FFCC00 95%);

 

HEX #FFF2B2 zu HEX #B1FFCC00


CSS-Code:

background-image: radial-gradient(circle, #FFF2B2 1%, #B1FFCC00 88%);

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.