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

CSS Gradienten:
#EEAA5319

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 238 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.
238 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, 3 Magenta, 7 Gelb und 1 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% 3% 7% 1% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #EEAA5319 zu HEX #1155AC19


CSS-Code:

background-image: linear-gradient(135deg, #EEAA5319 5%, #1155AC19 86%);

Radial

HEX #EEAA5319 zu HEX #1155AC19


CSS-Code:

background-image: radial-gradient(circle, #EEAA5319 4%, #1155AC19 88%);

 

HEX #1155AC19 zu HEX #EEAA5319


CSS-Code:

background-image: linear-gradient(135deg, #1155AC19 11%, #EEAA5319 94%);

 

HEX #1155AC19 zu HEX #EEAA5319


CSS-Code:

background-image: radial-gradient(circle, #1155AC19 7%, #EEAA5319 100%);

Linear

HEX #EEAA5319 zu HEX #FFBC6119


CSS-Code:

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

Radial

HEX #EEAA5319 zu HEX #FFBC6119


CSS-Code:

background-image: radial-gradient(circle, #EEAA5319 7%, #FFBC6119 92%);

 

HEX #FFBC6119 zu HEX #EEAA5319


CSS-Code:

background-image: linear-gradient(135deg, #FFBC6119 14%, #EEAA5319 99%);

 

HEX #FFBC6119 zu HEX #EEAA5319


CSS-Code:

background-image: radial-gradient(circle, #FFBC6119 12%, #EEAA5319 89%);

 

HEX #EEAA5319 zu HEX #FFCE7419


CSS-Code:

background-image: linear-gradient(135deg, #EEAA5319 14%, #FFCE7419 95%);

 

HEX #EEAA5319 zu HEX #FFCE7419


CSS-Code:

background-image: radial-gradient(circle, #EEAA5319 0%, #FFCE7419 97%);

 

HEX #FFCE7419 zu HEX #EEAA5319


CSS-Code:

background-image: linear-gradient(135deg, #FFCE7419 8%, #EEAA5319 93%);

 

HEX #FFCE7419 zu HEX #EEAA5319


CSS-Code:

background-image: radial-gradient(circle, #FFCE7419 7%, #EEAA5319 86%);

 

HEX #EEAA5319 zu HEX #FFE08719


CSS-Code:

background-image: linear-gradient(135deg, #EEAA5319 9%, #FFE08719 93%);

 

HEX #EEAA5319 zu HEX #FFE08719


CSS-Code:

background-image: radial-gradient(circle, #EEAA5319 0%, #FFE08719 88%);

 

HEX #FFE08719 zu HEX #EEAA5319


CSS-Code:

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

 

HEX #FFE08719 zu HEX #EEAA5319


CSS-Code:

background-image: radial-gradient(circle, #FFE08719 1%, #EEAA5319 89%);

 

HEX #EEAA5319 zu HEX #FFF29A19


CSS-Code:

background-image: linear-gradient(135deg, #EEAA5319 8%, #FFF29A19 94%);

 

HEX #EEAA5319 zu HEX #FFF29A19


CSS-Code:

background-image: radial-gradient(circle, #EEAA5319 2%, #FFF29A19 99%);

 

HEX #FFF29A19 zu HEX #EEAA5319


CSS-Code:

background-image: linear-gradient(135deg, #FFF29A19 10%, #EEAA5319 89%);

 

HEX #FFF29A19 zu HEX #EEAA5319


CSS-Code:

background-image: radial-gradient(circle, #FFF29A19 10%, #EEAA5319 86%);

Linear

HEX #EEAA5319 zu HEX #DD984019


CSS-Code:

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

Radial

HEX #EEAA5319 zu HEX #DD984019


CSS-Code:

background-image: radial-gradient(circle, #EEAA5319 7%, #DD984019 99%);

 

HEX #DD984019 zu HEX #EEAA5319


CSS-Code:

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

 

HEX #DD984019 zu HEX #EEAA5319


CSS-Code:

background-image: radial-gradient(circle, #DD984019 3%, #EEAA5319 100%);

 

HEX #EEAA5319 zu HEX #CC862D19


CSS-Code:

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

 

HEX #EEAA5319 zu HEX #CC862D19


CSS-Code:

background-image: radial-gradient(circle, #EEAA5319 11%, #CC862D19 99%);

 

HEX #CC862D19 zu HEX #EEAA5319


CSS-Code:

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

 

HEX #CC862D19 zu HEX #EEAA5319


CSS-Code:

background-image: radial-gradient(circle, #CC862D19 14%, #EEAA5319 97%);

 

HEX #EEAA5319 zu HEX #BB741A19


CSS-Code:

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

 

HEX #EEAA5319 zu HEX #BB741A19


CSS-Code:

background-image: radial-gradient(circle, #EEAA5319 4%, #BB741A19 97%);

 

HEX #BB741A19 zu HEX #EEAA5319


CSS-Code:

background-image: linear-gradient(135deg, #BB741A19 13%, #EEAA5319 88%);

 

HEX #BB741A19 zu HEX #EEAA5319


CSS-Code:

background-image: radial-gradient(circle, #BB741A19 14%, #EEAA5319 89%);

 

HEX #EEAA5319 zu HEX #AA620719


CSS-Code:

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

 

HEX #EEAA5319 zu HEX #AA620719


CSS-Code:

background-image: radial-gradient(circle, #EEAA5319 12%, #AA620719 91%);

 

HEX #AA620719 zu HEX #EEAA5319


CSS-Code:

background-image: linear-gradient(135deg, #AA620719 3%, #EEAA5319 100%);

 

HEX #AA620719 zu HEX #EEAA5319


CSS-Code:

background-image: radial-gradient(circle, #AA620719 0%, #EEAA5319 87%);

Linear

HEX #EEAA5319 zu HEX #EEC25319


CSS-Code:

background-image: linear-gradient(135deg, #EEAA5319 7%, #EEC25319 99%);

Radial

HEX #EEAA5319 zu HEX #EEC25319


CSS-Code:

background-image: radial-gradient(circle, #EEAA5319 6%, #EEC25319 86%);

 

HEX #EEC25319 zu HEX #EEAA5319


CSS-Code:

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

 

HEX #EEC25319 zu HEX #EEAA5319


CSS-Code:

background-image: radial-gradient(circle, #EEC25319 9%, #EEAA5319 94%);

 

HEX #EEAA5319 zu HEX #EEDB5319


CSS-Code:

background-image: linear-gradient(135deg, #EEAA5319 6%, #EEDB5319 97%);

 

HEX #EEAA5319 zu HEX #EEDB5319


CSS-Code:

background-image: radial-gradient(circle, #EEAA5319 1%, #EEDB5319 88%);

 

HEX #EEDB5319 zu HEX #EEAA5319


CSS-Code:

background-image: linear-gradient(135deg, #EEDB5319 2%, #EEAA5319 89%);

 

HEX #EEDB5319 zu HEX #EEAA5319


CSS-Code:

background-image: radial-gradient(circle, #EEDB5319 5%, #EEAA5319 95%);

 

HEX #EEAA5319 zu HEX #E6EE5319


CSS-Code:

background-image: linear-gradient(135deg, #EEAA5319 5%, #E6EE5319 87%);

 

HEX #EEAA5319 zu HEX #E6EE5319


CSS-Code:

background-image: radial-gradient(circle, #EEAA5319 12%, #E6EE5319 100%);

 

HEX #E6EE5319 zu HEX #EEAA5319


CSS-Code:

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

 

HEX #E6EE5319 zu HEX #EEAA5319


CSS-Code:

background-image: radial-gradient(circle, #E6EE5319 14%, #EEAA5319 90%);

 

HEX #EEAA5319 zu HEX #CCEE5319


CSS-Code:

background-image: linear-gradient(135deg, #EEAA5319 2%, #CCEE5319 100%);

 

HEX #EEAA5319 zu HEX #CCEE5319


CSS-Code:

background-image: radial-gradient(circle, #EEAA5319 6%, #CCEE5319 87%);

 

HEX #CCEE5319 zu HEX #EEAA5319


CSS-Code:

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

 

HEX #CCEE5319 zu HEX #EEAA5319


CSS-Code:

background-image: radial-gradient(circle, #CCEE5319 12%, #EEAA5319 91%);

Linear

HEX #EEAA5319 zu HEX #22180C


CSS-Code:

background-image: linear-gradient(135deg, #EEAA5319 3%, #22180C 87%);

Radial

HEX #EEAA5319 zu HEX #22180C


CSS-Code:

background-image: radial-gradient(circle, #EEAA5319 5%, #22180C 92%);

 

HEX #22180C zu HEX #EEAA5319


CSS-Code:

background-image: linear-gradient(135deg, #22180C 10%, #EEAA5319 92%);

 

HEX #22180C zu HEX #EEAA5319


CSS-Code:

background-image: radial-gradient(circle, #22180C 1%, #EEAA5319 86%);

 

HEX #EEAA5319 zu HEX #553D1E


CSS-Code:

background-image: linear-gradient(135deg, #EEAA5319 8%, #553D1E 91%);

 

HEX #EEAA5319 zu HEX #553D1E


CSS-Code:

background-image: radial-gradient(circle, #EEAA5319 0%, #553D1E 93%);

 

HEX #553D1E zu HEX #EEAA5319


CSS-Code:

background-image: linear-gradient(135deg, #553D1E 11%, #EEAA5319 87%);

 

HEX #553D1E zu HEX #EEAA5319


CSS-Code:

background-image: radial-gradient(circle, #553D1E 4%, #EEAA5319 94%);

 

HEX #EEAA5319 zu HEX #88612F


CSS-Code:

background-image: linear-gradient(135deg, #EEAA5319 10%, #88612F 96%);

 

HEX #EEAA5319 zu HEX #88612F


CSS-Code:

background-image: radial-gradient(circle, #EEAA5319 1%, #88612F 88%);

 

HEX #88612F zu HEX #EEAA5319


CSS-Code:

background-image: linear-gradient(135deg, #88612F 7%, #EEAA5319 86%);

 

HEX #88612F zu HEX #EEAA5319


CSS-Code:

background-image: radial-gradient(circle, #88612F 1%, #EEAA5319 90%);

 

HEX #EEAA5319 zu HEX #BB8641


CSS-Code:

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

 

HEX #EEAA5319 zu HEX #BB8641


CSS-Code:

background-image: radial-gradient(circle, #EEAA5319 6%, #BB8641 93%);

 

HEX #BB8641 zu HEX #EEAA5319


CSS-Code:

background-image: linear-gradient(135deg, #BB8641 3%, #EEAA5319 98%);

 

HEX #BB8641 zu HEX #EEAA5319


CSS-Code:

background-image: radial-gradient(circle, #BB8641 0%, #EEAA5319 95%);

Linear

HEX #EEAA5319 zu HEX #79EE53


CSS-Code:

background-image: linear-gradient(135deg, #EEAA5319 14%, #79EE53 91%);

Radial

HEX #EEAA5319 zu HEX #79EE53


CSS-Code:

background-image: radial-gradient(circle, #EEAA5319 8%, #79EE53 88%);

 

HEX #79EE53 zu HEX #EEAA5319


CSS-Code:

background-image: linear-gradient(135deg, #79EE53 14%, #EEAA5319 95%);

 

HEX #79EE53 zu HEX #EEAA5319


CSS-Code:

background-image: radial-gradient(circle, #79EE53 14%, #EEAA5319 95%);

 

HEX #EEAA5319 zu HEX #6A53EE


CSS-Code:

background-image: linear-gradient(135deg, #EEAA5319 1%, #6A53EE 92%);

 

HEX #EEAA5319 zu HEX #6A53EE


CSS-Code:

background-image: radial-gradient(circle, #EEAA5319 5%, #6A53EE 98%);

 

HEX #6A53EE zu HEX #EEAA5319


CSS-Code:

background-image: linear-gradient(135deg, #6A53EE 14%, #EEAA5319 87%);

 

HEX #6A53EE zu HEX #EEAA5319


CSS-Code:

background-image: radial-gradient(circle, #6A53EE 4%, #EEAA5319 91%);

Linear

HEX #EEAA5319 zu HEX #53EEA8


CSS-Code:

background-image: linear-gradient(135deg, #EEAA5319 4%, #53EEA8 93%);

Radial

HEX #EEAA5319 zu HEX #53EEA8


CSS-Code:

background-image: radial-gradient(circle, #EEAA5319 8%, #53EEA8 98%);

 

HEX #53EEA8 zu HEX #EEAA5319


CSS-Code:

background-image: linear-gradient(135deg, #53EEA8 13%, #EEAA5319 94%);

 

HEX #53EEA8 zu HEX #EEAA5319


CSS-Code:

background-image: radial-gradient(circle, #53EEA8 14%, #EEAA5319 90%);

 

HEX #EEAA5319 zu HEX #A853EE


CSS-Code:

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

 

HEX #EEAA5319 zu HEX #A853EE


CSS-Code:

background-image: radial-gradient(circle, #EEAA5319 10%, #A853EE 88%);

 

HEX #A853EE zu HEX #EEAA5319


CSS-Code:

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

 

HEX #A853EE zu HEX #EEAA5319


CSS-Code:

background-image: radial-gradient(circle, #A853EE 4%, #EEAA5319 93%);

Linear

HEX #EEAA5319 zu HEX #79EE53


CSS-Code:

background-image: linear-gradient(135deg, #EEAA5319 5%, #79EE53 95%);

Radial

HEX #EEAA5319 zu HEX #79EE53


CSS-Code:

background-image: radial-gradient(circle, #EEAA5319 6%, #79EE53 99%);

 

HEX #79EE53 zu HEX #EEAA5319


CSS-Code:

background-image: linear-gradient(135deg, #79EE53 3%, #EEAA5319 89%);

 

HEX #79EE53 zu HEX #EEAA5319


CSS-Code:

background-image: radial-gradient(circle, #79EE53 3%, #EEAA5319 91%);

 

HEX #EEAA5319 zu HEX #5398EE


CSS-Code:

background-image: linear-gradient(135deg, #EEAA5319 6%, #5398EE 94%);

 

HEX #EEAA5319 zu HEX #5398EE


CSS-Code:

background-image: radial-gradient(circle, #EEAA5319 5%, #5398EE 87%);

 

HEX #5398EE zu HEX #EEAA5319


CSS-Code:

background-image: linear-gradient(135deg, #5398EE 10%, #EEAA5319 88%);

 

HEX #5398EE zu HEX #EEAA5319


CSS-Code:

background-image: radial-gradient(circle, #5398EE 13%, #EEAA5319 89%);

 

HEX #EEAA5319 zu HEX #C753EE


CSS-Code:

background-image: linear-gradient(135deg, #EEAA5319 3%, #C753EE 90%);

 

HEX #EEAA5319 zu HEX #C753EE


CSS-Code:

background-image: radial-gradient(circle, #EEAA5319 0%, #C753EE 99%);

 

HEX #C753EE zu HEX #EEAA5319


CSS-Code:

background-image: linear-gradient(135deg, #C753EE 5%, #EEAA5319 90%);

 

HEX #C753EE zu HEX #EEAA5319


CSS-Code:

background-image: radial-gradient(circle, #C753EE 13%, #EEAA5319 91%);

Linear

HEX #EEAA5319 zu HEX #53EE5B


CSS-Code:

background-image: linear-gradient(135deg, #EEAA5319 8%, #53EE5B 97%);

Radial

HEX #EEAA5319 zu HEX #53EE5B


CSS-Code:

background-image: radial-gradient(circle, #EEAA5319 12%, #53EE5B 92%);

 

HEX #53EE5B zu HEX #EEAA5319


CSS-Code:

background-image: linear-gradient(135deg, #53EE5B 3%, #EEAA5319 97%);

 

HEX #53EE5B zu HEX #EEAA5319


CSS-Code:

background-image: radial-gradient(circle, #53EE5B 0%, #EEAA5319 96%);

 

HEX #EEAA5319 zu HEX #5398EE


CSS-Code:

background-image: linear-gradient(135deg, #EEAA5319 8%, #5398EE 89%);

 

HEX #EEAA5319 zu HEX #5398EE


CSS-Code:

background-image: radial-gradient(circle, #EEAA5319 14%, #5398EE 98%);

 

HEX #5398EE zu HEX #EEAA5319


CSS-Code:

background-image: linear-gradient(135deg, #5398EE 14%, #EEAA5319 96%);

 

HEX #5398EE zu HEX #EEAA5319


CSS-Code:

background-image: radial-gradient(circle, #5398EE 0%, #EEAA5319 86%);

 

HEX #EEAA5319 zu HEX #EE53E6


CSS-Code:

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

 

HEX #EEAA5319 zu HEX #EE53E6


CSS-Code:

background-image: radial-gradient(circle, #EEAA5319 6%, #EE53E6 97%);

 

HEX #EE53E6 zu HEX #EEAA5319


CSS-Code:

background-image: linear-gradient(135deg, #EE53E6 8%, #EEAA5319 90%);

 

HEX #EE53E6 zu HEX #EEAA5319


CSS-Code:

background-image: radial-gradient(circle, #EE53E6 11%, #EEAA5319 94%);

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)

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.