Jetzt Angebotszeitraum UNSERE API WURDE ERWEITERT

Neue API V3.0: Unsere API zum Angebotspreis erhalten. Greifen Sie jetzt zu. Nutzen Sie detailliertere Farbkonvertierungsergebnisse – perfekt für Webprojekte, Plugins, interne Tools oder SaaS-Anwendungen. Gültig vom 2025-10-21 bis einschließlich 2025-11-21 (23:59 CET)

API-Pakete & Preise X

CSS Gradienten:
#5EEEB6

Information

schließe alle

2-Farben Gradienten - Komplementärfarbe

Lassen Sie sich 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: Kopieren Sie den CSS-Code zum einfachen integrieren auf Ihrer Webseite.

2-Farben Gradienten - Hellere Farbtöne

Lassen Sie 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: Kopieren Sie den CSS-Code zum einfachen integrieren auf Ihrer Webseite.

2-Farben Gradienten - Dunklere Farbtöne

Lassen Sie 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: Kopieren Sie den CSS-Code zum einfachen integrieren auf Ihrer 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 94 Rot, 238 Grün und 182 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 61 Cyan, keine Magenta, 24 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 #5EEEB6 - Komplementärfarbe

Linear

HEX #5EEEB6 zu HEX #A11149

CSS-Code:

background-image: linear-gradient(135deg, #5EEEB6 13%, #A11149 95%);

Radial

HEX #5EEEB6 zu HEX #A11149

CSS-Code:

background-image: radial-gradient(circle, #5EEEB6 11%, #A11149 94%);

HEX #A11149 zu HEX #5EEEB6

CSS-Code:

background-image: linear-gradient(135deg, #A11149 4%, #5EEEB6 91%);

HEX #A11149 zu HEX #5EEEB6

CSS-Code:

background-image: radial-gradient(circle, #A11149 14%, #5EEEB6 91%);

2-Farben Gradienten von #5EEEB6 - Hellere Farbtöne

Linear

HEX #5EEEB6 zu HEX #5DEE8E

CSS-Code:

background-image: linear-gradient(135deg, #5EEEB6 5%, #5DEE8E 99%);

Radial

HEX #5EEEB6 zu HEX #5DEE8E

CSS-Code:

background-image: radial-gradient(circle, #5EEEB6 2%, #5DEE8E 95%);

HEX #5DEE8E zu HEX #5EEEB6

CSS-Code:

background-image: linear-gradient(135deg, #5DEE8E 11%, #5EEEB6 99%);

HEX #5DEE8E zu HEX #5EEEB6

CSS-Code:

background-image: radial-gradient(circle, #5DEE8E 0%, #5EEEB6 96%);

HEX #5EEEB6 zu HEX #5DEEB4

CSS-Code:

background-image: linear-gradient(135deg, #5EEEB6 3%, #5DEEB4 86%);

HEX #5EEEB6 zu HEX #5DEEB4

CSS-Code:

background-image: radial-gradient(circle, #5EEEB6 0%, #5DEEB4 93%);

HEX #5DEEB4 zu HEX #5EEEB6

CSS-Code:

background-image: linear-gradient(135deg, #5DEEB4 9%, #5EEEB6 93%);

HEX #5DEEB4 zu HEX #5EEEB6

CSS-Code:

background-image: radial-gradient(circle, #5DEEB4 3%, #5EEEB6 100%);

HEX #5EEEB6 zu HEX #5DEEDB

CSS-Code:

background-image: linear-gradient(135deg, #5EEEB6 0%, #5DEEDB 93%);

HEX #5EEEB6 zu HEX #5DEEDB

CSS-Code:

background-image: radial-gradient(circle, #5EEEB6 5%, #5DEEDB 91%);

HEX #5DEEDB zu HEX #5EEEB6

CSS-Code:

background-image: linear-gradient(135deg, #5DEEDB 4%, #5EEEB6 96%);

HEX #5DEEDB zu HEX #5EEEB6

CSS-Code:

background-image: radial-gradient(circle, #5DEEDB 10%, #5EEEB6 99%);

HEX #5EEEB6 zu HEX #5DDBEE

CSS-Code:

background-image: linear-gradient(135deg, #5EEEB6 6%, #5DDBEE 100%);

HEX #5EEEB6 zu HEX #5DDBEE

CSS-Code:

background-image: radial-gradient(circle, #5EEEB6 9%, #5DDBEE 99%);

HEX #5DDBEE zu HEX #5EEEB6

CSS-Code:

background-image: linear-gradient(135deg, #5DDBEE 6%, #5EEEB6 97%);

HEX #5DDBEE zu HEX #5EEEB6

CSS-Code:

background-image: radial-gradient(circle, #5DDBEE 12%, #5EEEB6 87%);

2-Farben Gradienten von #5EEEB6 - Dunklere Farbtöne

Linear

HEX #5EEEB6 zu HEX #38EAA5

CSS-Code:

background-image: linear-gradient(135deg, #5EEEB6 2%, #38EAA5 91%);

Radial

HEX #5EEEB6 zu HEX #38EAA5

CSS-Code:

background-image: radial-gradient(circle, #5EEEB6 3%, #38EAA5 92%);

HEX #38EAA5 zu HEX #5EEEB6

CSS-Code:

background-image: linear-gradient(135deg, #38EAA5 7%, #5EEEB6 94%);

HEX #38EAA5 zu HEX #5EEEB6

CSS-Code:

background-image: radial-gradient(circle, #38EAA5 3%, #5EEEB6 98%);

HEX #5EEEB6 zu HEX #5DEEB6

CSS-Code:

background-image: linear-gradient(135deg, #5EEEB6 0%, #5DEEB6 90%);

HEX #5EEEB6 zu HEX #5DEEB6

CSS-Code:

background-image: radial-gradient(circle, #5EEEB6 3%, #5DEEB6 100%);

HEX #5DEEB6 zu HEX #5EEEB6

CSS-Code:

background-image: linear-gradient(135deg, #5DEEB6 7%, #5EEEB6 88%);

HEX #5DEEB6 zu HEX #5EEEB6

CSS-Code:

background-image: radial-gradient(circle, #5DEEB6 1%, #5EEEB6 94%);

HEX #5EEEB6 zu HEX #83F2C7

CSS-Code:

background-image: linear-gradient(135deg, #5EEEB6 6%, #83F2C7 97%);

HEX #5EEEB6 zu HEX #83F2C7

CSS-Code:

background-image: radial-gradient(circle, #5EEEB6 11%, #83F2C7 94%);

HEX #83F2C7 zu HEX #5EEEB6

CSS-Code:

background-image: linear-gradient(135deg, #83F2C7 6%, #5EEEB6 91%);

HEX #83F2C7 zu HEX #5EEEB6

CSS-Code:

background-image: radial-gradient(circle, #83F2C7 13%, #5EEEB6 98%);

HEX #5EEEB6 zu HEX #A8F6D8

CSS-Code:

background-image: linear-gradient(135deg, #5EEEB6 4%, #A8F6D8 91%);

HEX #5EEEB6 zu HEX #A8F6D8

CSS-Code:

background-image: radial-gradient(circle, #5EEEB6 3%, #A8F6D8 88%);

HEX #A8F6D8 zu HEX #5EEEB6

CSS-Code:

background-image: linear-gradient(135deg, #A8F6D8 13%, #5EEEB6 93%);

HEX #A8F6D8 zu HEX #5EEEB6

CSS-Code:

background-image: radial-gradient(circle, #A8F6D8 1%, #5EEEB6 97%);

2-Farben Gradienten von #5EEEB6 - Analoge Farben

Linear

HEX #5EEEB6 zu HEX #5DEE8E

CSS-Code:

background-image: linear-gradient(135deg, #5EEEB6 0%, #5DEE8E 87%);

Radial

HEX #5EEEB6 zu HEX #5DEE8E

CSS-Code:

background-image: radial-gradient(circle, #5EEEB6 0%, #5DEE8E 93%);

HEX #5DEE8E zu HEX #5EEEB6

CSS-Code:

background-image: linear-gradient(135deg, #5DEE8E 4%, #5EEEB6 92%);

HEX #5DEE8E zu HEX #5EEEB6

CSS-Code:

background-image: radial-gradient(circle, #5DEE8E 1%, #5EEEB6 98%);

HEX #5EEEB6 zu HEX #5DEEB4

CSS-Code:

background-image: linear-gradient(135deg, #5EEEB6 1%, #5DEEB4 96%);

HEX #5EEEB6 zu HEX #5DEEB4

CSS-Code:

background-image: radial-gradient(circle, #5EEEB6 5%, #5DEEB4 97%);

HEX #5DEEB4 zu HEX #5EEEB6

CSS-Code:

background-image: linear-gradient(135deg, #5DEEB4 9%, #5EEEB6 100%);

HEX #5DEEB4 zu HEX #5EEEB6

CSS-Code:

background-image: radial-gradient(circle, #5DEEB4 4%, #5EEEB6 92%);

HEX #5EEEB6 zu HEX #5DEEDB

CSS-Code:

background-image: linear-gradient(135deg, #5EEEB6 12%, #5DEEDB 95%);

HEX #5EEEB6 zu HEX #5DEEDB

CSS-Code:

background-image: radial-gradient(circle, #5EEEB6 11%, #5DEEDB 91%);

HEX #5DEEDB zu HEX #5EEEB6

CSS-Code:

background-image: linear-gradient(135deg, #5DEEDB 2%, #5EEEB6 90%);

HEX #5DEEDB zu HEX #5EEEB6

CSS-Code:

background-image: radial-gradient(circle, #5DEEDB 4%, #5EEEB6 100%);

HEX #5EEEB6 zu HEX #5DDBEE

CSS-Code:

background-image: linear-gradient(135deg, #5EEEB6 6%, #5DDBEE 93%);

HEX #5EEEB6 zu HEX #5DDBEE

CSS-Code:

background-image: radial-gradient(circle, #5EEEB6 2%, #5DDBEE 94%);

HEX #5DDBEE zu HEX #5EEEB6

CSS-Code:

background-image: linear-gradient(135deg, #5DDBEE 0%, #5EEEB6 94%);

HEX #5DDBEE zu HEX #5EEEB6

CSS-Code:

background-image: radial-gradient(circle, #5DDBEE 7%, #5EEEB6 99%);

2-Farben Gradienten von #5EEEB6 - Monochromatische Farben

Linear

HEX #5EEEB6 zu HEX #38EAA5

CSS-Code:

background-image: linear-gradient(135deg, #5EEEB6 12%, #38EAA5 96%);

Radial

HEX #5EEEB6 zu HEX #38EAA5

CSS-Code:

background-image: radial-gradient(circle, #5EEEB6 3%, #38EAA5 89%);

HEX #38EAA5 zu HEX #5EEEB6

CSS-Code:

background-image: linear-gradient(135deg, #38EAA5 11%, #5EEEB6 98%);

HEX #38EAA5 zu HEX #5EEEB6

CSS-Code:

background-image: radial-gradient(circle, #38EAA5 11%, #5EEEB6 96%);

HEX #5EEEB6 zu HEX #5DEEB6

CSS-Code:

background-image: linear-gradient(135deg, #5EEEB6 8%, #5DEEB6 100%);

HEX #5EEEB6 zu HEX #5DEEB6

CSS-Code:

background-image: radial-gradient(circle, #5EEEB6 14%, #5DEEB6 92%);

HEX #5DEEB6 zu HEX #5EEEB6

CSS-Code:

background-image: linear-gradient(135deg, #5DEEB6 6%, #5EEEB6 99%);

HEX #5DEEB6 zu HEX #5EEEB6

CSS-Code:

background-image: radial-gradient(circle, #5DEEB6 13%, #5EEEB6 99%);

HEX #5EEEB6 zu HEX #83F2C7

CSS-Code:

background-image: linear-gradient(135deg, #5EEEB6 8%, #83F2C7 97%);

HEX #5EEEB6 zu HEX #83F2C7

CSS-Code:

background-image: radial-gradient(circle, #5EEEB6 9%, #83F2C7 93%);

HEX #83F2C7 zu HEX #5EEEB6

CSS-Code:

background-image: linear-gradient(135deg, #83F2C7 5%, #5EEEB6 88%);

HEX #83F2C7 zu HEX #5EEEB6

CSS-Code:

background-image: radial-gradient(circle, #83F2C7 1%, #5EEEB6 96%);

HEX #5EEEB6 zu HEX #A8F6D8

CSS-Code:

background-image: linear-gradient(135deg, #5EEEB6 13%, #A8F6D8 96%);

HEX #5EEEB6 zu HEX #A8F6D8

CSS-Code:

background-image: radial-gradient(circle, #5EEEB6 8%, #A8F6D8 95%);

HEX #A8F6D8 zu HEX #5EEEB6

CSS-Code:

background-image: linear-gradient(135deg, #A8F6D8 3%, #5EEEB6 96%);

HEX #A8F6D8 zu HEX #5EEEB6

CSS-Code:

background-image: radial-gradient(circle, #A8F6D8 5%, #5EEEB6 88%);

2-Farben Gradienten von #5EEEB6 - Teilkomplementär Farben

Linear

HEX #5EEEB6 zu HEX #5D7AEE

CSS-Code:

background-image: linear-gradient(135deg, #5EEEB6 12%, #5D7AEE 97%);

Radial

HEX #5EEEB6 zu HEX #5D7AEE

CSS-Code:

background-image: radial-gradient(circle, #5EEEB6 9%, #5D7AEE 96%);

HEX #5D7AEE zu HEX #5EEEB6

CSS-Code:

background-image: linear-gradient(135deg, #5D7AEE 3%, #5EEEB6 91%);

HEX #5D7AEE zu HEX #5EEEB6

CSS-Code:

background-image: radial-gradient(circle, #5D7AEE 4%, #5EEEB6 100%);

HEX #5EEEB6 zu HEX #EE7A5D

CSS-Code:

background-image: linear-gradient(135deg, #5EEEB6 3%, #EE7A5D 97%);

HEX #5EEEB6 zu HEX #EE7A5D

CSS-Code:

background-image: radial-gradient(circle, #5EEEB6 9%, #EE7A5D 88%);

HEX #EE7A5D zu HEX #5EEEB6

CSS-Code:

background-image: linear-gradient(135deg, #EE7A5D 9%, #5EEEB6 94%);

HEX #EE7A5D zu HEX #5EEEB6

CSS-Code:

background-image: radial-gradient(circle, #EE7A5D 2%, #5EEEB6 100%);

2-Farben Gradienten von #5EEEB6 - Triadische Farben

Linear

HEX #5EEEB6 zu HEX #B45DEE

CSS-Code:

background-image: linear-gradient(135deg, #5EEEB6 10%, #B45DEE 98%);

Radial

HEX #5EEEB6 zu HEX #B45DEE

CSS-Code:

background-image: radial-gradient(circle, #5EEEB6 9%, #B45DEE 100%);

HEX #B45DEE zu HEX #5EEEB6

CSS-Code:

background-image: linear-gradient(135deg, #B45DEE 5%, #5EEEB6 86%);

HEX #B45DEE zu HEX #5EEEB6

CSS-Code:

background-image: radial-gradient(circle, #B45DEE 2%, #5EEEB6 92%);

HEX #5EEEB6 zu HEX #EEB45D

CSS-Code:

background-image: linear-gradient(135deg, #5EEEB6 6%, #EEB45D 99%);

HEX #5EEEB6 zu HEX #EEB45D

CSS-Code:

background-image: radial-gradient(circle, #5EEEB6 4%, #EEB45D 92%);

HEX #EEB45D zu HEX #5EEEB6

CSS-Code:

background-image: linear-gradient(135deg, #EEB45D 12%, #5EEEB6 88%);

HEX #EEB45D zu HEX #5EEEB6

CSS-Code:

background-image: radial-gradient(circle, #EEB45D 6%, #5EEEB6 96%);

2-Farben Gradienten von #5EEEB6 - Rechteckige (Tetradische) Farben

Linear

HEX #5EEEB6 zu HEX #5D7AEE

CSS-Code:

background-image: linear-gradient(135deg, #5EEEB6 0%, #5D7AEE 88%);

Radial

HEX #5EEEB6 zu HEX #5D7AEE

CSS-Code:

background-image: radial-gradient(circle, #5EEEB6 1%, #5D7AEE 86%);

HEX #5D7AEE zu HEX #5EEEB6

CSS-Code:

background-image: linear-gradient(135deg, #5D7AEE 12%, #5EEEB6 87%);

HEX #5D7AEE zu HEX #5EEEB6

CSS-Code:

background-image: radial-gradient(circle, #5D7AEE 1%, #5EEEB6 100%);

HEX #5EEEB6 zu HEX #EE5D97

CSS-Code:

background-image: linear-gradient(135deg, #5EEEB6 12%, #EE5D97 96%);

HEX #5EEEB6 zu HEX #EE5D97

CSS-Code:

background-image: radial-gradient(circle, #5EEEB6 13%, #EE5D97 95%);

HEX #EE5D97 zu HEX #5EEEB6

CSS-Code:

background-image: linear-gradient(135deg, #EE5D97 2%, #5EEEB6 88%);

HEX #EE5D97 zu HEX #5EEEB6

CSS-Code:

background-image: radial-gradient(circle, #EE5D97 1%, #5EEEB6 88%);

HEX #5EEEB6 zu HEX #EED15D

CSS-Code:

background-image: linear-gradient(135deg, #5EEEB6 7%, #EED15D 100%);

HEX #5EEEB6 zu HEX #EED15D

CSS-Code:

background-image: radial-gradient(circle, #5EEEB6 14%, #EED15D 98%);

HEX #EED15D zu HEX #5EEEB6

CSS-Code:

background-image: linear-gradient(135deg, #EED15D 8%, #5EEEB6 98%);

HEX #EED15D zu HEX #5EEEB6

CSS-Code:

background-image: radial-gradient(circle, #EED15D 14%, #5EEEB6 97%);

2-Farben Gradienten von #5EEEB6 - Quadratische Farben

Linear

HEX #5EEEB6 zu HEX #6C5DEE

CSS-Code:

background-image: linear-gradient(135deg, #5EEEB6 10%, #6C5DEE 99%);

Radial

HEX #5EEEB6 zu HEX #6C5DEE

CSS-Code:

background-image: radial-gradient(circle, #5EEEB6 9%, #6C5DEE 100%);

HEX #6C5DEE zu HEX #5EEEB6

CSS-Code:

background-image: linear-gradient(135deg, #6C5DEE 11%, #5EEEB6 98%);

HEX #6C5DEE zu HEX #5EEEB6

CSS-Code:

background-image: radial-gradient(circle, #6C5DEE 10%, #5EEEB6 88%);

HEX #5EEEB6 zu HEX #EE5D97

CSS-Code:

background-image: linear-gradient(135deg, #5EEEB6 12%, #EE5D97 98%);

HEX #5EEEB6 zu HEX #EE5D97

CSS-Code:

background-image: radial-gradient(circle, #5EEEB6 14%, #EE5D97 86%);

HEX #EE5D97 zu HEX #5EEEB6

CSS-Code:

background-image: linear-gradient(135deg, #EE5D97 14%, #5EEEB6 89%);

HEX #EE5D97 zu HEX #5EEEB6

CSS-Code:

background-image: radial-gradient(circle, #EE5D97 13%, #5EEEB6 95%);

HEX #5EEEB6 zu HEX #E0EE5D

CSS-Code:

background-image: linear-gradient(135deg, #5EEEB6 10%, #E0EE5D 89%);

HEX #5EEEB6 zu HEX #E0EE5D

CSS-Code:

background-image: radial-gradient(circle, #5EEEB6 4%, #E0EE5D 87%);

HEX #E0EE5D zu HEX #5EEEB6

CSS-Code:

background-image: linear-gradient(135deg, #E0EE5D 3%, #5EEEB6 96%);

HEX #E0EE5D zu HEX #5EEEB6

CSS-Code:

background-image: radial-gradient(circle, #E0EE5D 2%, #5EEEB6 96%);

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, a registration is required.

Log 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 desired link.

Share

View

OK, I have copied the links

Your colors will be saved in a new color palette.
View them under your profile.
You can customize them further, and share them.

Show color palette

Close

Create a color palette

DownloadDownload in different formats

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