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

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

✕

CSS Gradienten:
RGB 69 157 191

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

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 69 Rot, 157 Grün und 191 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 64 Cyan, 18 Magenta, keine Gelb und 25 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 69 157 191 - Komplementärfarbe

Linear

HEX #459DBF zu HEX #BA6240

CSS-Code:

background-image: linear-gradient(135deg, #459DBF 14%, #BA6240 91%);

Radial

HEX #459DBF zu HEX #BA6240

CSS-Code:

background-image: radial-gradient(circle, #459DBF 13%, #BA6240 93%);

HEX #BA6240 zu HEX #459DBF

CSS-Code:

background-image: linear-gradient(135deg, #BA6240 6%, #459DBF 97%);

HEX #BA6240 zu HEX #459DBF

CSS-Code:

background-image: radial-gradient(circle, #BA6240 5%, #459DBF 95%);

2-Farben Gradienten von RGB 69 157 191 - Hellere Farbtöne

Linear

HEX #459DBF zu HEX #44BFBF

CSS-Code:

background-image: linear-gradient(135deg, #459DBF 1%, #44BFBF 92%);

Radial

HEX #459DBF zu HEX #44BFBF

CSS-Code:

background-image: radial-gradient(circle, #459DBF 10%, #44BFBF 93%);

HEX #44BFBF zu HEX #459DBF

CSS-Code:

background-image: linear-gradient(135deg, #44BFBF 14%, #459DBF 86%);

HEX #44BFBF zu HEX #459DBF

CSS-Code:

background-image: radial-gradient(circle, #44BFBF 0%, #459DBF 88%);

HEX #459DBF zu HEX #449EBF

CSS-Code:

background-image: linear-gradient(135deg, #459DBF 1%, #449EBF 86%);

HEX #459DBF zu HEX #449EBF

CSS-Code:

background-image: radial-gradient(circle, #459DBF 4%, #449EBF 98%);

HEX #449EBF zu HEX #459DBF

CSS-Code:

background-image: linear-gradient(135deg, #449EBF 10%, #459DBF 97%);

HEX #449EBF zu HEX #459DBF

CSS-Code:

background-image: radial-gradient(circle, #449EBF 8%, #459DBF 88%);

HEX #459DBF zu HEX #447DBF

CSS-Code:

background-image: linear-gradient(135deg, #459DBF 10%, #447DBF 92%);

HEX #459DBF zu HEX #447DBF

CSS-Code:

background-image: radial-gradient(circle, #459DBF 6%, #447DBF 95%);

HEX #447DBF zu HEX #459DBF

CSS-Code:

background-image: linear-gradient(135deg, #447DBF 8%, #459DBF 97%);

HEX #447DBF zu HEX #459DBF

CSS-Code:

background-image: radial-gradient(circle, #447DBF 11%, #459DBF 100%);

HEX #459DBF zu HEX #445DBF

CSS-Code:

background-image: linear-gradient(135deg, #459DBF 10%, #445DBF 87%);

HEX #459DBF zu HEX #445DBF

CSS-Code:

background-image: radial-gradient(circle, #459DBF 8%, #445DBF 86%);

HEX #445DBF zu HEX #459DBF

CSS-Code:

background-image: linear-gradient(135deg, #445DBF 13%, #459DBF 95%);

HEX #445DBF zu HEX #459DBF

CSS-Code:

background-image: radial-gradient(circle, #445DBF 12%, #459DBF 97%);

2-Farben Gradienten von RGB 69 157 191 - Dunklere Farbtöne

Linear

HEX #459DBF zu HEX #3785A3

CSS-Code:

background-image: linear-gradient(135deg, #459DBF 12%, #3785A3 88%);

Radial

HEX #459DBF zu HEX #3785A3

CSS-Code:

background-image: radial-gradient(circle, #459DBF 0%, #3785A3 100%);

HEX #3785A3 zu HEX #459DBF

CSS-Code:

background-image: linear-gradient(135deg, #3785A3 13%, #459DBF 90%);

HEX #3785A3 zu HEX #459DBF

CSS-Code:

background-image: radial-gradient(circle, #3785A3 0%, #459DBF 86%);

HEX #459DBF zu HEX #449DBF

CSS-Code:

background-image: linear-gradient(135deg, #459DBF 12%, #449DBF 86%);

HEX #459DBF zu HEX #449DBF

CSS-Code:

background-image: radial-gradient(circle, #459DBF 6%, #449DBF 98%);

HEX #449DBF zu HEX #459DBF

CSS-Code:

background-image: linear-gradient(135deg, #449DBF 5%, #459DBF 99%);

HEX #449DBF zu HEX #459DBF

CSS-Code:

background-image: radial-gradient(circle, #449DBF 7%, #459DBF 93%);

HEX #459DBF zu HEX #63ADC9

CSS-Code:

background-image: linear-gradient(135deg, #459DBF 12%, #63ADC9 99%);

HEX #459DBF zu HEX #63ADC9

CSS-Code:

background-image: radial-gradient(circle, #459DBF 7%, #63ADC9 88%);

HEX #63ADC9 zu HEX #459DBF

CSS-Code:

background-image: linear-gradient(135deg, #63ADC9 4%, #459DBF 90%);

HEX #63ADC9 zu HEX #459DBF

CSS-Code:

background-image: radial-gradient(circle, #63ADC9 8%, #459DBF 100%);

HEX #459DBF zu HEX #82BDD4

CSS-Code:

background-image: linear-gradient(135deg, #459DBF 5%, #82BDD4 88%);

HEX #459DBF zu HEX #82BDD4

CSS-Code:

background-image: radial-gradient(circle, #459DBF 6%, #82BDD4 87%);

HEX #82BDD4 zu HEX #459DBF

CSS-Code:

background-image: linear-gradient(135deg, #82BDD4 10%, #459DBF 99%);

HEX #82BDD4 zu HEX #459DBF

CSS-Code:

background-image: radial-gradient(circle, #82BDD4 1%, #459DBF 89%);

2-Farben Gradienten von RGB 69 157 191 - Analoge Farben

Linear

HEX #459DBF zu HEX #44BFBF

CSS-Code:

background-image: linear-gradient(135deg, #459DBF 7%, #44BFBF 90%);

Radial

HEX #459DBF zu HEX #44BFBF

CSS-Code:

background-image: radial-gradient(circle, #459DBF 9%, #44BFBF 98%);

HEX #44BFBF zu HEX #459DBF

CSS-Code:

background-image: linear-gradient(135deg, #44BFBF 4%, #459DBF 91%);

HEX #44BFBF zu HEX #459DBF

CSS-Code:

background-image: radial-gradient(circle, #44BFBF 12%, #459DBF 97%);

HEX #459DBF zu HEX #449EBF

CSS-Code:

background-image: linear-gradient(135deg, #459DBF 1%, #449EBF 94%);

HEX #459DBF zu HEX #449EBF

CSS-Code:

background-image: radial-gradient(circle, #459DBF 12%, #449EBF 98%);

HEX #449EBF zu HEX #459DBF

CSS-Code:

background-image: linear-gradient(135deg, #449EBF 10%, #459DBF 87%);

HEX #449EBF zu HEX #459DBF

CSS-Code:

background-image: radial-gradient(circle, #449EBF 5%, #459DBF 86%);

HEX #459DBF zu HEX #447DBF

CSS-Code:

background-image: linear-gradient(135deg, #459DBF 14%, #447DBF 92%);

HEX #459DBF zu HEX #447DBF

CSS-Code:

background-image: radial-gradient(circle, #459DBF 12%, #447DBF 89%);

HEX #447DBF zu HEX #459DBF

CSS-Code:

background-image: linear-gradient(135deg, #447DBF 11%, #459DBF 88%);

HEX #447DBF zu HEX #459DBF

CSS-Code:

background-image: radial-gradient(circle, #447DBF 1%, #459DBF 90%);

HEX #459DBF zu HEX #445DBF

CSS-Code:

background-image: linear-gradient(135deg, #459DBF 3%, #445DBF 95%);

HEX #459DBF zu HEX #445DBF

CSS-Code:

background-image: radial-gradient(circle, #459DBF 10%, #445DBF 91%);

HEX #445DBF zu HEX #459DBF

CSS-Code:

background-image: linear-gradient(135deg, #445DBF 12%, #459DBF 87%);

HEX #445DBF zu HEX #459DBF

CSS-Code:

background-image: radial-gradient(circle, #445DBF 14%, #459DBF 99%);

2-Farben Gradienten von RGB 69 157 191 - Monochromatische Farben

Linear

HEX #459DBF zu HEX #3785A3

CSS-Code:

background-image: linear-gradient(135deg, #459DBF 2%, #3785A3 86%);

Radial

HEX #459DBF zu HEX #3785A3

CSS-Code:

background-image: radial-gradient(circle, #459DBF 6%, #3785A3 98%);

HEX #3785A3 zu HEX #459DBF

CSS-Code:

background-image: linear-gradient(135deg, #3785A3 2%, #459DBF 86%);

HEX #3785A3 zu HEX #459DBF

CSS-Code:

background-image: radial-gradient(circle, #3785A3 1%, #459DBF 88%);

HEX #459DBF zu HEX #449DBF

CSS-Code:

background-image: linear-gradient(135deg, #459DBF 3%, #449DBF 93%);

HEX #459DBF zu HEX #449DBF

CSS-Code:

background-image: radial-gradient(circle, #459DBF 11%, #449DBF 98%);

HEX #449DBF zu HEX #459DBF

CSS-Code:

background-image: linear-gradient(135deg, #449DBF 3%, #459DBF 97%);

HEX #449DBF zu HEX #459DBF

CSS-Code:

background-image: radial-gradient(circle, #449DBF 1%, #459DBF 89%);

HEX #459DBF zu HEX #63ADC9

CSS-Code:

background-image: linear-gradient(135deg, #459DBF 1%, #63ADC9 90%);

HEX #459DBF zu HEX #63ADC9

CSS-Code:

background-image: radial-gradient(circle, #459DBF 0%, #63ADC9 90%);

HEX #63ADC9 zu HEX #459DBF

CSS-Code:

background-image: linear-gradient(135deg, #63ADC9 5%, #459DBF 95%);

HEX #63ADC9 zu HEX #459DBF

CSS-Code:

background-image: radial-gradient(circle, #63ADC9 10%, #459DBF 90%);

HEX #459DBF zu HEX #82BDD4

CSS-Code:

background-image: linear-gradient(135deg, #459DBF 6%, #82BDD4 93%);

HEX #459DBF zu HEX #82BDD4

CSS-Code:

background-image: radial-gradient(circle, #459DBF 6%, #82BDD4 93%);

HEX #82BDD4 zu HEX #459DBF

CSS-Code:

background-image: linear-gradient(135deg, #82BDD4 13%, #459DBF 86%);

HEX #82BDD4 zu HEX #459DBF

CSS-Code:

background-image: radial-gradient(circle, #82BDD4 11%, #459DBF 93%);

2-Farben Gradienten von RGB 69 157 191 - Teilkomplementär Farben

Linear

HEX #459DBF zu HEX #7D44BF

CSS-Code:

background-image: linear-gradient(135deg, #459DBF 9%, #7D44BF 95%);

Radial

HEX #459DBF zu HEX #7D44BF

CSS-Code:

background-image: radial-gradient(circle, #459DBF 8%, #7D44BF 88%);

HEX #7D44BF zu HEX #459DBF

CSS-Code:

background-image: linear-gradient(135deg, #7D44BF 0%, #459DBF 92%);

HEX #7D44BF zu HEX #459DBF

CSS-Code:

background-image: radial-gradient(circle, #7D44BF 0%, #459DBF 92%);

HEX #459DBF zu HEX #BFAE44

CSS-Code:

background-image: linear-gradient(135deg, #459DBF 13%, #BFAE44 94%);

HEX #459DBF zu HEX #BFAE44

CSS-Code:

background-image: radial-gradient(circle, #459DBF 0%, #BFAE44 91%);

HEX #BFAE44 zu HEX #459DBF

CSS-Code:

background-image: linear-gradient(135deg, #BFAE44 2%, #459DBF 93%);

HEX #BFAE44 zu HEX #459DBF

CSS-Code:

background-image: radial-gradient(circle, #BFAE44 0%, #459DBF 88%);

2-Farben Gradienten von RGB 69 157 191 - Triadische Farben

Linear

HEX #459DBF zu HEX #BF449E

CSS-Code:

background-image: linear-gradient(135deg, #459DBF 5%, #BF449E 89%);

Radial

HEX #459DBF zu HEX #BF449E

CSS-Code:

background-image: radial-gradient(circle, #459DBF 14%, #BF449E 87%);

HEX #BF449E zu HEX #459DBF

CSS-Code:

background-image: linear-gradient(135deg, #BF449E 10%, #459DBF 99%);

HEX #BF449E zu HEX #459DBF

CSS-Code:

background-image: radial-gradient(circle, #BF449E 12%, #459DBF 100%);

HEX #459DBF zu HEX #9EBF44

CSS-Code:

background-image: linear-gradient(135deg, #459DBF 12%, #9EBF44 86%);

HEX #459DBF zu HEX #9EBF44

CSS-Code:

background-image: radial-gradient(circle, #459DBF 13%, #9EBF44 89%);

HEX #9EBF44 zu HEX #459DBF

CSS-Code:

background-image: linear-gradient(135deg, #9EBF44 10%, #459DBF 100%);

HEX #9EBF44 zu HEX #459DBF

CSS-Code:

background-image: radial-gradient(circle, #9EBF44 6%, #459DBF 94%);

2-Farben Gradienten von RGB 69 157 191 - Rechteckige (Tetradische) Farben

Linear

HEX #459DBF zu HEX #7D44BF

CSS-Code:

background-image: linear-gradient(135deg, #459DBF 6%, #7D44BF 96%);

Radial

HEX #459DBF zu HEX #7D44BF

CSS-Code:

background-image: radial-gradient(circle, #459DBF 10%, #7D44BF 88%);

HEX #7D44BF zu HEX #459DBF

CSS-Code:

background-image: linear-gradient(135deg, #7D44BF 4%, #459DBF 87%);

HEX #7D44BF zu HEX #459DBF

CSS-Code:

background-image: radial-gradient(circle, #7D44BF 14%, #459DBF 97%);

HEX #459DBF zu HEX #BF6544

CSS-Code:

background-image: linear-gradient(135deg, #459DBF 10%, #BF6544 90%);

HEX #459DBF zu HEX #BF6544

CSS-Code:

background-image: radial-gradient(circle, #459DBF 11%, #BF6544 99%);

HEX #BF6544 zu HEX #459DBF

CSS-Code:

background-image: linear-gradient(135deg, #BF6544 1%, #459DBF 87%);

HEX #BF6544 zu HEX #459DBF

CSS-Code:

background-image: radial-gradient(circle, #BF6544 3%, #459DBF 86%);

HEX #459DBF zu HEX #86BF44

CSS-Code:

background-image: linear-gradient(135deg, #459DBF 1%, #86BF44 89%);

HEX #459DBF zu HEX #86BF44

CSS-Code:

background-image: radial-gradient(circle, #459DBF 4%, #86BF44 92%);

HEX #86BF44 zu HEX #459DBF

CSS-Code:

background-image: linear-gradient(135deg, #86BF44 2%, #459DBF 94%);

HEX #86BF44 zu HEX #459DBF

CSS-Code:

background-image: radial-gradient(circle, #86BF44 14%, #459DBF 91%);

2-Farben Gradienten von RGB 69 157 191 - Quadratische Farben

Linear

HEX #459DBF zu HEX #A244BF

CSS-Code:

background-image: linear-gradient(135deg, #459DBF 0%, #A244BF 96%);

Radial

HEX #459DBF zu HEX #A244BF

CSS-Code:

background-image: radial-gradient(circle, #459DBF 0%, #A244BF 87%);

HEX #A244BF zu HEX #459DBF

CSS-Code:

background-image: linear-gradient(135deg, #A244BF 13%, #459DBF 97%);

HEX #A244BF zu HEX #459DBF

CSS-Code:

background-image: radial-gradient(circle, #A244BF 11%, #459DBF 94%);

HEX #459DBF zu HEX #BF6544

CSS-Code:

background-image: linear-gradient(135deg, #459DBF 12%, #BF6544 98%);

HEX #459DBF zu HEX #BF6544

CSS-Code:

background-image: radial-gradient(circle, #459DBF 8%, #BF6544 97%);

HEX #BF6544 zu HEX #459DBF

CSS-Code:

background-image: linear-gradient(135deg, #BF6544 12%, #459DBF 99%);

HEX #BF6544 zu HEX #459DBF

CSS-Code:

background-image: radial-gradient(circle, #BF6544 10%, #459DBF 96%);

HEX #459DBF zu HEX #61BF44

CSS-Code:

background-image: linear-gradient(135deg, #459DBF 9%, #61BF44 89%);

HEX #459DBF zu HEX #61BF44

CSS-Code:

background-image: radial-gradient(circle, #459DBF 5%, #61BF44 90%);

HEX #61BF44 zu HEX #459DBF

CSS-Code:

background-image: linear-gradient(135deg, #61BF44 3%, #459DBF 86%);

HEX #61BF44 zu HEX #459DBF

CSS-Code:

background-image: radial-gradient(circle, #61BF44 11%, #459DBF 87%);

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.