Neu: API-Pakete verfügbar

Unsere neue API bietet dir jetzt noch mehr Kontrolle über Farbkonvertierung – perfekt für Webprojekte, Plugins, interne Tools oder SaaS-Anwendungen.
Erstelle mehrere API-Keys, verwalte dein monatliches Token-Kontingent und integriere qConv flexibel in deine Anwendungen.

Bis 2025-08-15: Einführungspreise auf alle Pakete!

JETZT ANSEHEN X

CSS Gradienten:
RGB 238 113 69

Information

schließe alle

2-Farben Gradienten - Komplementärfarbe

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.

2-Farben Gradienten - Hellere Farbtöne

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.

2-Farben Gradienten - Dunklere Farbtöne

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

Helle Farbe: hohe Farbwerte erzeugen einen hellen Eindruck.

Die Aufschlüsselung der Farbe in das RGB-Farbsystem: In diesem Farbton sind von 255 maximalen Farbanteilen jeweils 238 Rot, 113 Grün und 69 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.

Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils keine Cyan, 53 Magenta, 71 Gelb und 7 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.

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

2-Farben Gradienten von RGB 238 113 69 - Komplementärfarbe

Linear

HEX #EE7145 zu HEX #118EBA

CSS-Code:

background-image: linear-gradient(135deg, #EE7145 4%, #118EBA 95%);

Radial

HEX #EE7145 zu HEX #118EBA

CSS-Code:

background-image: radial-gradient(circle, #EE7145 14%, #118EBA 97%);

HEX #118EBA zu HEX #EE7145

CSS-Code:

background-image: linear-gradient(135deg, #118EBA 10%, #EE7145 95%);

HEX #118EBA zu HEX #EE7145

CSS-Code:

background-image: radial-gradient(circle, #118EBA 11%, #EE7145 98%);

2-Farben Gradienten von RGB 238 113 69 - Hellere Farbtöne

Linear

HEX #EE7145 zu HEX #ED4447

CSS-Code:

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

Radial

HEX #EE7145 zu HEX #ED4447

CSS-Code:

background-image: radial-gradient(circle, #EE7145 9%, #ED4447 92%);

HEX #ED4447 zu HEX #EE7145

CSS-Code:

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

HEX #ED4447 zu HEX #EE7145

CSS-Code:

background-image: radial-gradient(circle, #ED4447 8%, #EE7145 87%);

HEX #EE7145 zu HEX #ED6E44

CSS-Code:

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

HEX #EE7145 zu HEX #ED6E44

CSS-Code:

background-image: radial-gradient(circle, #EE7145 8%, #ED6E44 100%);

HEX #ED6E44 zu HEX #EE7145

CSS-Code:

background-image: linear-gradient(135deg, #ED6E44 8%, #EE7145 86%);

HEX #ED6E44 zu HEX #EE7145

CSS-Code:

background-image: radial-gradient(circle, #ED6E44 9%, #EE7145 99%);

HEX #EE7145 zu HEX #ED9B44

CSS-Code:

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

HEX #EE7145 zu HEX #ED9B44

CSS-Code:

background-image: radial-gradient(circle, #EE7145 4%, #ED9B44 97%);

HEX #ED9B44 zu HEX #EE7145

CSS-Code:

background-image: linear-gradient(135deg, #ED9B44 9%, #EE7145 90%);

HEX #ED9B44 zu HEX #EE7145

CSS-Code:

background-image: radial-gradient(circle, #ED9B44 13%, #EE7145 90%);

HEX #EE7145 zu HEX #EDC844

CSS-Code:

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

HEX #EE7145 zu HEX #EDC844

CSS-Code:

background-image: radial-gradient(circle, #EE7145 1%, #EDC844 88%);

HEX #EDC844 zu HEX #EE7145

CSS-Code:

background-image: linear-gradient(135deg, #EDC844 5%, #EE7145 94%);

HEX #EDC844 zu HEX #EE7145

CSS-Code:

background-image: radial-gradient(circle, #EDC844 10%, #EE7145 86%);

2-Farben Gradienten von RGB 238 113 69 - Dunklere Farbtöne

Linear

HEX #EE7145 zu HEX #EA531E

CSS-Code:

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

Radial

HEX #EE7145 zu HEX #EA531E

CSS-Code:

background-image: radial-gradient(circle, #EE7145 9%, #EA531E 90%);

HEX #EA531E zu HEX #EE7145

CSS-Code:

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

HEX #EA531E zu HEX #EE7145

CSS-Code:

background-image: radial-gradient(circle, #EA531E 11%, #EE7145 94%);

HEX #EE7145 zu HEX #ED7044

CSS-Code:

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

HEX #EE7145 zu HEX #ED7044

CSS-Code:

background-image: radial-gradient(circle, #EE7145 9%, #ED7044 98%);

HEX #ED7044 zu HEX #EE7145

CSS-Code:

background-image: linear-gradient(135deg, #ED7044 7%, #EE7145 88%);

HEX #ED7044 zu HEX #EE7145

CSS-Code:

background-image: radial-gradient(circle, #ED7044 11%, #EE7145 90%);

HEX #EE7145 zu HEX #F18D6A

CSS-Code:

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

HEX #EE7145 zu HEX #F18D6A

CSS-Code:

background-image: radial-gradient(circle, #EE7145 6%, #F18D6A 86%);

HEX #F18D6A zu HEX #EE7145

CSS-Code:

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

HEX #F18D6A zu HEX #EE7145

CSS-Code:

background-image: radial-gradient(circle, #F18D6A 2%, #EE7145 99%);

HEX #EE7145 zu HEX #F4AA8F

CSS-Code:

background-image: linear-gradient(135deg, #EE7145 7%, #F4AA8F 92%);

HEX #EE7145 zu HEX #F4AA8F

CSS-Code:

background-image: radial-gradient(circle, #EE7145 0%, #F4AA8F 93%);

HEX #F4AA8F zu HEX #EE7145

CSS-Code:

background-image: linear-gradient(135deg, #F4AA8F 12%, #EE7145 92%);

HEX #F4AA8F zu HEX #EE7145

CSS-Code:

background-image: radial-gradient(circle, #F4AA8F 9%, #EE7145 96%);

2-Farben Gradienten von RGB 238 113 69 - Analoge Farben

Linear

HEX #EE7145 zu HEX #ED4447

CSS-Code:

background-image: linear-gradient(135deg, #EE7145 0%, #ED4447 98%);

Radial

HEX #EE7145 zu HEX #ED4447

CSS-Code:

background-image: radial-gradient(circle, #EE7145 12%, #ED4447 95%);

HEX #ED4447 zu HEX #EE7145

CSS-Code:

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

HEX #ED4447 zu HEX #EE7145

CSS-Code:

background-image: radial-gradient(circle, #ED4447 1%, #EE7145 86%);

HEX #EE7145 zu HEX #ED6E44

CSS-Code:

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

HEX #EE7145 zu HEX #ED6E44

CSS-Code:

background-image: radial-gradient(circle, #EE7145 13%, #ED6E44 100%);

HEX #ED6E44 zu HEX #EE7145

CSS-Code:

background-image: linear-gradient(135deg, #ED6E44 6%, #EE7145 95%);

HEX #ED6E44 zu HEX #EE7145

CSS-Code:

background-image: radial-gradient(circle, #ED6E44 4%, #EE7145 99%);

HEX #EE7145 zu HEX #ED9B44

CSS-Code:

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

HEX #EE7145 zu HEX #ED9B44

CSS-Code:

background-image: radial-gradient(circle, #EE7145 8%, #ED9B44 92%);

HEX #ED9B44 zu HEX #EE7145

CSS-Code:

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

HEX #ED9B44 zu HEX #EE7145

CSS-Code:

background-image: radial-gradient(circle, #ED9B44 9%, #EE7145 94%);

HEX #EE7145 zu HEX #EDC844

CSS-Code:

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

HEX #EE7145 zu HEX #EDC844

CSS-Code:

background-image: radial-gradient(circle, #EE7145 6%, #EDC844 92%);

HEX #EDC844 zu HEX #EE7145

CSS-Code:

background-image: linear-gradient(135deg, #EDC844 10%, #EE7145 90%);

HEX #EDC844 zu HEX #EE7145

CSS-Code:

background-image: radial-gradient(circle, #EDC844 0%, #EE7145 93%);

2-Farben Gradienten von RGB 238 113 69 - Monochromatische Farben

Linear

HEX #EE7145 zu HEX #EA531E

CSS-Code:

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

Radial

HEX #EE7145 zu HEX #EA531E

CSS-Code:

background-image: radial-gradient(circle, #EE7145 5%, #EA531E 100%);

HEX #EA531E zu HEX #EE7145

CSS-Code:

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

HEX #EA531E zu HEX #EE7145

CSS-Code:

background-image: radial-gradient(circle, #EA531E 4%, #EE7145 96%);

HEX #EE7145 zu HEX #ED7044

CSS-Code:

background-image: linear-gradient(135deg, #EE7145 5%, #ED7044 97%);

HEX #EE7145 zu HEX #ED7044

CSS-Code:

background-image: radial-gradient(circle, #EE7145 5%, #ED7044 96%);

HEX #ED7044 zu HEX #EE7145

CSS-Code:

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

HEX #ED7044 zu HEX #EE7145

CSS-Code:

background-image: radial-gradient(circle, #ED7044 12%, #EE7145 90%);

HEX #EE7145 zu HEX #F18D6A

CSS-Code:

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

HEX #EE7145 zu HEX #F18D6A

CSS-Code:

background-image: radial-gradient(circle, #EE7145 5%, #F18D6A 96%);

HEX #F18D6A zu HEX #EE7145

CSS-Code:

background-image: linear-gradient(135deg, #F18D6A 12%, #EE7145 87%);

HEX #F18D6A zu HEX #EE7145

CSS-Code:

background-image: radial-gradient(circle, #F18D6A 11%, #EE7145 95%);

HEX #EE7145 zu HEX #F4AA8F

CSS-Code:

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

HEX #EE7145 zu HEX #F4AA8F

CSS-Code:

background-image: radial-gradient(circle, #EE7145 11%, #F4AA8F 86%);

HEX #F4AA8F zu HEX #EE7145

CSS-Code:

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

HEX #F4AA8F zu HEX #EE7145

CSS-Code:

background-image: radial-gradient(circle, #F4AA8F 1%, #EE7145 95%);

2-Farben Gradienten von RGB 238 113 69 - Teilkomplementär Farben

Linear

HEX #EE7145 zu HEX #A1ED44

CSS-Code:

background-image: linear-gradient(135deg, #EE7145 7%, #A1ED44 96%);

Radial

HEX #EE7145 zu HEX #A1ED44

CSS-Code:

background-image: radial-gradient(circle, #EE7145 5%, #A1ED44 91%);

HEX #A1ED44 zu HEX #EE7145

CSS-Code:

background-image: linear-gradient(135deg, #A1ED44 1%, #EE7145 95%);

HEX #A1ED44 zu HEX #EE7145

CSS-Code:

background-image: radial-gradient(circle, #A1ED44 13%, #EE7145 94%);

HEX #EE7145 zu HEX #445DED

CSS-Code:

background-image: linear-gradient(135deg, #EE7145 5%, #445DED 96%);

HEX #EE7145 zu HEX #445DED

CSS-Code:

background-image: radial-gradient(circle, #EE7145 8%, #445DED 87%);

HEX #445DED zu HEX #EE7145

CSS-Code:

background-image: linear-gradient(135deg, #445DED 9%, #EE7145 97%);

HEX #445DED zu HEX #EE7145

CSS-Code:

background-image: radial-gradient(circle, #445DED 1%, #EE7145 93%);

2-Farben Gradienten von RGB 238 113 69 - Triadische Farben

Linear

HEX #EE7145 zu HEX #44ED6E

CSS-Code:

background-image: linear-gradient(135deg, #EE7145 4%, #44ED6E 91%);

Radial

HEX #EE7145 zu HEX #44ED6E

CSS-Code:

background-image: radial-gradient(circle, #EE7145 1%, #44ED6E 88%);

HEX #44ED6E zu HEX #EE7145

CSS-Code:

background-image: linear-gradient(135deg, #44ED6E 4%, #EE7145 93%);

HEX #44ED6E zu HEX #EE7145

CSS-Code:

background-image: radial-gradient(circle, #44ED6E 1%, #EE7145 94%);

HEX #EE7145 zu HEX #6E44ED

CSS-Code:

background-image: linear-gradient(135deg, #EE7145 10%, #6E44ED 100%);

HEX #EE7145 zu HEX #6E44ED

CSS-Code:

background-image: radial-gradient(circle, #EE7145 13%, #6E44ED 99%);

HEX #6E44ED zu HEX #EE7145

CSS-Code:

background-image: linear-gradient(135deg, #6E44ED 3%, #EE7145 92%);

HEX #6E44ED zu HEX #EE7145

CSS-Code:

background-image: radial-gradient(circle, #6E44ED 11%, #EE7145 87%);

2-Farben Gradienten von RGB 238 113 69 - Rechteckige (Tetradische) Farben

Linear

HEX #EE7145 zu HEX #A1ED44

CSS-Code:

background-image: linear-gradient(135deg, #EE7145 6%, #A1ED44 87%);

Radial

HEX #EE7145 zu HEX #A1ED44

CSS-Code:

background-image: radial-gradient(circle, #EE7145 11%, #A1ED44 98%);

HEX #A1ED44 zu HEX #EE7145

CSS-Code:

background-image: linear-gradient(135deg, #A1ED44 11%, #EE7145 88%);

HEX #A1ED44 zu HEX #EE7145

CSS-Code:

background-image: radial-gradient(circle, #A1ED44 8%, #EE7145 95%);

HEX #EE7145 zu HEX #44C3ED

CSS-Code:

background-image: linear-gradient(135deg, #EE7145 6%, #44C3ED 92%);

HEX #EE7145 zu HEX #44C3ED

CSS-Code:

background-image: radial-gradient(circle, #EE7145 7%, #44C3ED 95%);

HEX #44C3ED zu HEX #EE7145

CSS-Code:

background-image: linear-gradient(135deg, #44C3ED 6%, #EE7145 90%);

HEX #44C3ED zu HEX #EE7145

CSS-Code:

background-image: radial-gradient(circle, #44C3ED 12%, #EE7145 91%);

HEX #EE7145 zu HEX #9044ED

CSS-Code:

background-image: linear-gradient(135deg, #EE7145 2%, #9044ED 94%);

HEX #EE7145 zu HEX #9044ED

CSS-Code:

background-image: radial-gradient(circle, #EE7145 1%, #9044ED 100%);

HEX #9044ED zu HEX #EE7145

CSS-Code:

background-image: linear-gradient(135deg, #9044ED 2%, #EE7145 95%);

HEX #9044ED zu HEX #EE7145

CSS-Code:

background-image: radial-gradient(circle, #9044ED 2%, #EE7145 87%);

2-Farben Gradienten von RGB 238 113 69 - Quadratische Farben

Linear

HEX #EE7145 zu HEX #6EED44

CSS-Code:

background-image: linear-gradient(135deg, #EE7145 0%, #6EED44 88%);

Radial

HEX #EE7145 zu HEX #6EED44

CSS-Code:

background-image: radial-gradient(circle, #EE7145 2%, #6EED44 97%);

HEX #6EED44 zu HEX #EE7145

CSS-Code:

background-image: linear-gradient(135deg, #6EED44 13%, #EE7145 96%);

HEX #6EED44 zu HEX #EE7145

CSS-Code:

background-image: radial-gradient(circle, #6EED44 2%, #EE7145 89%);

HEX #EE7145 zu HEX #44C3ED

CSS-Code:

background-image: linear-gradient(135deg, #EE7145 0%, #44C3ED 95%);

HEX #EE7145 zu HEX #44C3ED

CSS-Code:

background-image: radial-gradient(circle, #EE7145 3%, #44C3ED 88%);

HEX #44C3ED zu HEX #EE7145

CSS-Code:

background-image: linear-gradient(135deg, #44C3ED 5%, #EE7145 93%);

HEX #44C3ED zu HEX #EE7145

CSS-Code:

background-image: radial-gradient(circle, #44C3ED 10%, #EE7145 96%);

HEX #EE7145 zu HEX #C344ED

CSS-Code:

background-image: linear-gradient(135deg, #EE7145 4%, #C344ED 96%);

HEX #EE7145 zu HEX #C344ED

CSS-Code:

background-image: radial-gradient(circle, #EE7145 7%, #C344ED 92%);

HEX #C344ED zu HEX #EE7145

CSS-Code:

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

HEX #C344ED zu HEX #EE7145

CSS-Code:

background-image: radial-gradient(circle, #C344ED 5%, #EE7145 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

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)

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

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)

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)

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

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)

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

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)

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

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)

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

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)

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

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)

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

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.

Public

Color palette shared
Please copy and save the link you want.

Share

View

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

By clicking you can create palettes and download the color swatches.