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

CSS Gradienten:
RGBA 255 170 83 0.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

Bei dieser Farbe hebt sich Gelb von den anderen Farben ab. Die Werte die für den roten und grünen Farbton stehen, sind größer als der dritte Wert. Sie liegen nahe beieinander und übertreffen den Wert des blauen Farbtons. 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, 170 Grün und 83 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 170 83 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils keine Cyan, 7 Magenta, 13 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% 7% 13% 0% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #FFAA5333 zu HEX #0055AC33


CSS-Code:

background-image: linear-gradient(135deg, #FFAA5333 7%, #0055AC33 98%);

Radial

HEX #FFAA5333 zu HEX #0055AC33


CSS-Code:

background-image: radial-gradient(circle, #FFAA5333 3%, #0055AC33 100%);

 

HEX #0055AC33 zu HEX #FFAA5333


CSS-Code:

background-image: linear-gradient(135deg, #0055AC33 11%, #FFAA5333 98%);

 

HEX #0055AC33 zu HEX #FFAA5333


CSS-Code:

background-image: radial-gradient(circle, #0055AC33 1%, #FFAA5333 86%);

Linear

HEX #FFAA5333 zu HEX #FFBC6133


CSS-Code:

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

Radial

HEX #FFAA5333 zu HEX #FFBC6133


CSS-Code:

background-image: radial-gradient(circle, #FFAA5333 1%, #FFBC6133 92%);

 

HEX #FFBC6133 zu HEX #FFAA5333


CSS-Code:

background-image: linear-gradient(135deg, #FFBC6133 1%, #FFAA5333 92%);

 

HEX #FFBC6133 zu HEX #FFAA5333


CSS-Code:

background-image: radial-gradient(circle, #FFBC6133 6%, #FFAA5333 94%);

 

HEX #FFAA5333 zu HEX #FFCE7433


CSS-Code:

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

 

HEX #FFAA5333 zu HEX #FFCE7433


CSS-Code:

background-image: radial-gradient(circle, #FFAA5333 6%, #FFCE7433 97%);

 

HEX #FFCE7433 zu HEX #FFAA5333


CSS-Code:

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

 

HEX #FFCE7433 zu HEX #FFAA5333


CSS-Code:

background-image: radial-gradient(circle, #FFCE7433 1%, #FFAA5333 94%);

 

HEX #FFAA5333 zu HEX #FFE08733


CSS-Code:

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

 

HEX #FFAA5333 zu HEX #FFE08733


CSS-Code:

background-image: radial-gradient(circle, #FFAA5333 11%, #FFE08733 94%);

 

HEX #FFE08733 zu HEX #FFAA5333


CSS-Code:

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

 

HEX #FFE08733 zu HEX #FFAA5333


CSS-Code:

background-image: radial-gradient(circle, #FFE08733 3%, #FFAA5333 100%);

 

HEX #FFAA5333 zu HEX #FFF29A33


CSS-Code:

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

 

HEX #FFAA5333 zu HEX #FFF29A33


CSS-Code:

background-image: radial-gradient(circle, #FFAA5333 3%, #FFF29A33 93%);

 

HEX #FFF29A33 zu HEX #FFAA5333


CSS-Code:

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

 

HEX #FFF29A33 zu HEX #FFAA5333


CSS-Code:

background-image: radial-gradient(circle, #FFF29A33 1%, #FFAA5333 94%);

Linear

HEX #FFAA5333 zu HEX #EE984033


CSS-Code:

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

Radial

HEX #FFAA5333 zu HEX #EE984033


CSS-Code:

background-image: radial-gradient(circle, #FFAA5333 5%, #EE984033 99%);

 

HEX #EE984033 zu HEX #FFAA5333


CSS-Code:

background-image: linear-gradient(135deg, #EE984033 5%, #FFAA5333 93%);

 

HEX #EE984033 zu HEX #FFAA5333


CSS-Code:

background-image: radial-gradient(circle, #EE984033 13%, #FFAA5333 94%);

 

HEX #FFAA5333 zu HEX #DD862D33


CSS-Code:

background-image: linear-gradient(135deg, #FFAA5333 7%, #DD862D33 87%);

 

HEX #FFAA5333 zu HEX #DD862D33


CSS-Code:

background-image: radial-gradient(circle, #FFAA5333 7%, #DD862D33 88%);

 

HEX #DD862D33 zu HEX #FFAA5333


CSS-Code:

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

 

HEX #DD862D33 zu HEX #FFAA5333


CSS-Code:

background-image: radial-gradient(circle, #DD862D33 11%, #FFAA5333 92%);

 

HEX #FFAA5333 zu HEX #CC741A33


CSS-Code:

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

 

HEX #FFAA5333 zu HEX #CC741A33


CSS-Code:

background-image: radial-gradient(circle, #FFAA5333 4%, #CC741A33 100%);

 

HEX #CC741A33 zu HEX #FFAA5333


CSS-Code:

background-image: linear-gradient(135deg, #CC741A33 13%, #FFAA5333 87%);

 

HEX #CC741A33 zu HEX #FFAA5333


CSS-Code:

background-image: radial-gradient(circle, #CC741A33 9%, #FFAA5333 95%);

 

HEX #FFAA5333 zu HEX #BB620733


CSS-Code:

background-image: linear-gradient(135deg, #FFAA5333 11%, #BB620733 99%);

 

HEX #FFAA5333 zu HEX #BB620733


CSS-Code:

background-image: radial-gradient(circle, #FFAA5333 5%, #BB620733 97%);

 

HEX #BB620733 zu HEX #FFAA5333


CSS-Code:

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

 

HEX #BB620733 zu HEX #FFAA5333


CSS-Code:

background-image: radial-gradient(circle, #BB620733 12%, #FFAA5333 100%);

Linear

HEX #FFAA5333 zu HEX #FFC55133


CSS-Code:

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

Radial

HEX #FFAA5333 zu HEX #FFC55133


CSS-Code:

background-image: radial-gradient(circle, #FFAA5333 10%, #FFC55133 89%);

 

HEX #FFC55133 zu HEX #FFAA5333


CSS-Code:

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

 

HEX #FFC55133 zu HEX #FFAA5333


CSS-Code:

background-image: radial-gradient(circle, #FFC55133 5%, #FFAA5333 88%);

 

HEX #FFAA5333 zu HEX #FFE25133


CSS-Code:

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

 

HEX #FFAA5333 zu HEX #FFE25133


CSS-Code:

background-image: radial-gradient(circle, #FFAA5333 10%, #FFE25133 100%);

 

HEX #FFE25133 zu HEX #FFAA5333


CSS-Code:

background-image: linear-gradient(135deg, #FFE25133 3%, #FFAA5333 93%);

 

HEX #FFE25133 zu HEX #FFAA5333


CSS-Code:

background-image: radial-gradient(circle, #FFE25133 0%, #FFAA5333 87%);

 

HEX #FFAA5333 zu HEX #FFFF5133


CSS-Code:

background-image: linear-gradient(135deg, #FFAA5333 13%, #FFFF5133 93%);

 

HEX #FFAA5333 zu HEX #FFFF5133


CSS-Code:

background-image: radial-gradient(circle, #FFAA5333 9%, #FFFF5133 97%);

 

HEX #FFFF5133 zu HEX #FFAA5333


CSS-Code:

background-image: linear-gradient(135deg, #FFFF5133 14%, #FFAA5333 94%);

 

HEX #FFFF5133 zu HEX #FFAA5333


CSS-Code:

background-image: radial-gradient(circle, #FFFF5133 4%, #FFAA5333 98%);

 

HEX #FFAA5333 zu HEX #E2FF5133


CSS-Code:

background-image: linear-gradient(135deg, #FFAA5333 9%, #E2FF5133 95%);

 

HEX #FFAA5333 zu HEX #E2FF5133


CSS-Code:

background-image: radial-gradient(circle, #FFAA5333 2%, #E2FF5133 98%);

 

HEX #E2FF5133 zu HEX #FFAA5333


CSS-Code:

background-image: linear-gradient(135deg, #E2FF5133 1%, #FFAA5333 91%);

 

HEX #E2FF5133 zu HEX #FFAA5333


CSS-Code:

background-image: radial-gradient(circle, #E2FF5133 8%, #FFAA5333 87%);

Linear

HEX #FFAA5333 zu HEX #332211


CSS-Code:

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

Radial

HEX #FFAA5333 zu HEX #332211


CSS-Code:

background-image: radial-gradient(circle, #FFAA5333 6%, #332211 91%);

 

HEX #332211 zu HEX #FFAA5333


CSS-Code:

background-image: linear-gradient(135deg, #332211 11%, #FFAA5333 86%);

 

HEX #332211 zu HEX #FFAA5333


CSS-Code:

background-image: radial-gradient(circle, #332211 7%, #FFAA5333 96%);

 

HEX #FFAA5333 zu HEX #664421


CSS-Code:

background-image: linear-gradient(135deg, #FFAA5333 3%, #664421 97%);

 

HEX #FFAA5333 zu HEX #664421


CSS-Code:

background-image: radial-gradient(circle, #FFAA5333 10%, #664421 87%);

 

HEX #664421 zu HEX #FFAA5333


CSS-Code:

background-image: linear-gradient(135deg, #664421 13%, #FFAA5333 94%);

 

HEX #664421 zu HEX #FFAA5333


CSS-Code:

background-image: radial-gradient(circle, #664421 12%, #FFAA5333 88%);

 

HEX #FFAA5333 zu HEX #996632


CSS-Code:

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

 

HEX #FFAA5333 zu HEX #996632


CSS-Code:

background-image: radial-gradient(circle, #FFAA5333 13%, #996632 94%);

 

HEX #996632 zu HEX #FFAA5333


CSS-Code:

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

 

HEX #996632 zu HEX #FFAA5333


CSS-Code:

background-image: radial-gradient(circle, #996632 7%, #FFAA5333 89%);

 

HEX #FFAA5333 zu HEX #CC8842


CSS-Code:

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

 

HEX #FFAA5333 zu HEX #CC8842


CSS-Code:

background-image: radial-gradient(circle, #FFAA5333 4%, #CC8842 91%);

 

HEX #CC8842 zu HEX #FFAA5333


CSS-Code:

background-image: linear-gradient(135deg, #CC8842 4%, #FFAA5333 100%);

 

HEX #CC8842 zu HEX #FFAA5333


CSS-Code:

background-image: radial-gradient(circle, #CC8842 3%, #FFAA5333 96%);

Linear

HEX #FFAA5333 zu HEX #85FF51


CSS-Code:

background-image: linear-gradient(135deg, #FFAA5333 13%, #85FF51 86%);

Radial

HEX #FFAA5333 zu HEX #85FF51


CSS-Code:

background-image: radial-gradient(circle, #FFAA5333 3%, #85FF51 93%);

 

HEX #85FF51 zu HEX #FFAA5333


CSS-Code:

background-image: linear-gradient(135deg, #85FF51 1%, #FFAA5333 92%);

 

HEX #85FF51 zu HEX #FFAA5333


CSS-Code:

background-image: radial-gradient(circle, #85FF51 4%, #FFAA5333 90%);

 

HEX #FFAA5333 zu HEX #6251FF


CSS-Code:

background-image: linear-gradient(135deg, #FFAA5333 9%, #6251FF 96%);

 

HEX #FFAA5333 zu HEX #6251FF


CSS-Code:

background-image: radial-gradient(circle, #FFAA5333 6%, #6251FF 97%);

 

HEX #6251FF zu HEX #FFAA5333


CSS-Code:

background-image: linear-gradient(135deg, #6251FF 2%, #FFAA5333 92%);

 

HEX #6251FF zu HEX #FFAA5333


CSS-Code:

background-image: radial-gradient(circle, #6251FF 5%, #FFAA5333 93%);

Linear

HEX #FFAA5333 zu HEX #51FFA8


CSS-Code:

background-image: linear-gradient(135deg, #FFAA5333 7%, #51FFA8 91%);

Radial

HEX #FFAA5333 zu HEX #51FFA8


CSS-Code:

background-image: radial-gradient(circle, #FFAA5333 13%, #51FFA8 88%);

 

HEX #51FFA8 zu HEX #FFAA5333


CSS-Code:

background-image: linear-gradient(135deg, #51FFA8 4%, #FFAA5333 97%);

 

HEX #51FFA8 zu HEX #FFAA5333


CSS-Code:

background-image: radial-gradient(circle, #51FFA8 13%, #FFAA5333 100%);

 

HEX #FFAA5333 zu HEX #A851FF


CSS-Code:

background-image: linear-gradient(135deg, #FFAA5333 5%, #A851FF 98%);

 

HEX #FFAA5333 zu HEX #A851FF


CSS-Code:

background-image: radial-gradient(circle, #FFAA5333 13%, #A851FF 99%);

 

HEX #A851FF zu HEX #FFAA5333


CSS-Code:

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

 

HEX #A851FF zu HEX #FFAA5333


CSS-Code:

background-image: radial-gradient(circle, #A851FF 0%, #FFAA5333 93%);

Linear

HEX #FFAA5333 zu HEX #85FF51


CSS-Code:

background-image: linear-gradient(135deg, #FFAA5333 13%, #85FF51 91%);

Radial

HEX #FFAA5333 zu HEX #85FF51


CSS-Code:

background-image: radial-gradient(circle, #FFAA5333 3%, #85FF51 100%);

 

HEX #85FF51 zu HEX #FFAA5333


CSS-Code:

background-image: linear-gradient(135deg, #85FF51 12%, #FFAA5333 98%);

 

HEX #85FF51 zu HEX #FFAA5333


CSS-Code:

background-image: radial-gradient(circle, #85FF51 4%, #FFAA5333 95%);

 

HEX #FFAA5333 zu HEX #51A8FF


CSS-Code:

background-image: linear-gradient(135deg, #FFAA5333 7%, #51A8FF 86%);

 

HEX #FFAA5333 zu HEX #51A8FF


CSS-Code:

background-image: radial-gradient(circle, #FFAA5333 10%, #51A8FF 97%);

 

HEX #51A8FF zu HEX #FFAA5333


CSS-Code:

background-image: linear-gradient(135deg, #51A8FF 4%, #FFAA5333 90%);

 

HEX #51A8FF zu HEX #FFAA5333


CSS-Code:

background-image: radial-gradient(circle, #51A8FF 4%, #FFAA5333 87%);

 

HEX #FFAA5333 zu HEX #CA51FF


CSS-Code:

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

 

HEX #FFAA5333 zu HEX #CA51FF


CSS-Code:

background-image: radial-gradient(circle, #FFAA5333 9%, #CA51FF 86%);

 

HEX #CA51FF zu HEX #FFAA5333


CSS-Code:

background-image: linear-gradient(135deg, #CA51FF 10%, #FFAA5333 100%);

 

HEX #CA51FF zu HEX #FFAA5333


CSS-Code:

background-image: radial-gradient(circle, #CA51FF 2%, #FFAA5333 93%);

Linear

HEX #FFAA5333 zu HEX #51FF51


CSS-Code:

background-image: linear-gradient(135deg, #FFAA5333 8%, #51FF51 100%);

Radial

HEX #FFAA5333 zu HEX #51FF51


CSS-Code:

background-image: radial-gradient(circle, #FFAA5333 3%, #51FF51 86%);

 

HEX #51FF51 zu HEX #FFAA5333


CSS-Code:

background-image: linear-gradient(135deg, #51FF51 14%, #FFAA5333 96%);

 

HEX #51FF51 zu HEX #FFAA5333


CSS-Code:

background-image: radial-gradient(circle, #51FF51 0%, #FFAA5333 99%);

 

HEX #FFAA5333 zu HEX #51A8FF


CSS-Code:

background-image: linear-gradient(135deg, #FFAA5333 2%, #51A8FF 86%);

 

HEX #FFAA5333 zu HEX #51A8FF


CSS-Code:

background-image: radial-gradient(circle, #FFAA5333 9%, #51A8FF 92%);

 

HEX #51A8FF zu HEX #FFAA5333


CSS-Code:

background-image: linear-gradient(135deg, #51A8FF 0%, #FFAA5333 95%);

 

HEX #51A8FF zu HEX #FFAA5333


CSS-Code:

background-image: radial-gradient(circle, #51A8FF 0%, #FFAA5333 86%);

 

HEX #FFAA5333 zu HEX #FF51FF


CSS-Code:

background-image: linear-gradient(135deg, #FFAA5333 11%, #FF51FF 86%);

 

HEX #FFAA5333 zu HEX #FF51FF


CSS-Code:

background-image: radial-gradient(circle, #FFAA5333 14%, #FF51FF 100%);

 

HEX #FF51FF zu HEX #FFAA5333


CSS-Code:

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

 

HEX #FF51FF zu HEX #FFAA5333


CSS-Code:

background-image: radial-gradient(circle, #FF51FF 14%, #FFAA5333 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.