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:
#EB7BFF

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

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 235 Rot, 123 Grün und 255 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.
235 123 255 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 8 Cyan, 52 Magenta, keine 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.
8% 52% 0% 0% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #EB7BFF zu HEX #148400


CSS-Code:

background-image: linear-gradient(135deg, #EB7BFF 2%, #148400 88%);

Radial

HEX #EB7BFF zu HEX #148400


CSS-Code:

background-image: radial-gradient(circle, #EB7BFF 2%, #148400 87%);

 

HEX #148400 zu HEX #EB7BFF


CSS-Code:

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

 

HEX #148400 zu HEX #EB7BFF


CSS-Code:

background-image: radial-gradient(circle, #148400 0%, #EB7BFF 90%);

Linear

HEX #EB7BFF zu HEX #C57AFF


CSS-Code:

background-image: linear-gradient(135deg, #EB7BFF 7%, #C57AFF 93%);

Radial

HEX #EB7BFF zu HEX #C57AFF


CSS-Code:

background-image: radial-gradient(circle, #EB7BFF 7%, #C57AFF 95%);

 

HEX #C57AFF zu HEX #EB7BFF


CSS-Code:

background-image: linear-gradient(135deg, #C57AFF 8%, #EB7BFF 92%);

 

HEX #C57AFF zu HEX #EB7BFF


CSS-Code:

background-image: radial-gradient(circle, #C57AFF 13%, #EB7BFF 86%);

 

HEX #EB7BFF zu HEX #E87AFF


CSS-Code:

background-image: linear-gradient(135deg, #EB7BFF 12%, #E87AFF 90%);

 

HEX #EB7BFF zu HEX #E87AFF


CSS-Code:

background-image: radial-gradient(circle, #EB7BFF 0%, #E87AFF 95%);

 

HEX #E87AFF zu HEX #EB7BFF


CSS-Code:

background-image: linear-gradient(135deg, #E87AFF 14%, #EB7BFF 86%);

 

HEX #E87AFF zu HEX #EB7BFF


CSS-Code:

background-image: radial-gradient(circle, #E87AFF 13%, #EB7BFF 92%);

 

HEX #EB7BFF zu HEX #FF7AF1


CSS-Code:

background-image: linear-gradient(135deg, #EB7BFF 9%, #FF7AF1 96%);

 

HEX #EB7BFF zu HEX #FF7AF1


CSS-Code:

background-image: radial-gradient(circle, #EB7BFF 10%, #FF7AF1 97%);

 

HEX #FF7AF1 zu HEX #EB7BFF


CSS-Code:

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

 

HEX #FF7AF1 zu HEX #EB7BFF


CSS-Code:

background-image: radial-gradient(circle, #FF7AF1 10%, #EB7BFF 86%);

 

HEX #EB7BFF zu HEX #FF7ACE


CSS-Code:

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

 

HEX #EB7BFF zu HEX #FF7ACE


CSS-Code:

background-image: radial-gradient(circle, #EB7BFF 13%, #FF7ACE 99%);

 

HEX #FF7ACE zu HEX #EB7BFF


CSS-Code:

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

 

HEX #FF7ACE zu HEX #EB7BFF


CSS-Code:

background-image: radial-gradient(circle, #FF7ACE 8%, #EB7BFF 93%);

Linear

HEX #EB7BFF zu HEX #E451FF


CSS-Code:

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

Radial

HEX #EB7BFF zu HEX #E451FF


CSS-Code:

background-image: radial-gradient(circle, #EB7BFF 7%, #E451FF 94%);

 

HEX #E451FF zu HEX #EB7BFF


CSS-Code:

background-image: linear-gradient(135deg, #E451FF 10%, #EB7BFF 94%);

 

HEX #E451FF zu HEX #EB7BFF


CSS-Code:

background-image: radial-gradient(circle, #E451FF 4%, #EB7BFF 90%);

 

HEX #EB7BFF zu HEX #EA7AFF


CSS-Code:

background-image: linear-gradient(135deg, #EB7BFF 12%, #EA7AFF 100%);

 

HEX #EB7BFF zu HEX #EA7AFF


CSS-Code:

background-image: radial-gradient(circle, #EB7BFF 14%, #EA7AFF 90%);

 

HEX #EA7AFF zu HEX #EB7BFF


CSS-Code:

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

 

HEX #EA7AFF zu HEX #EB7BFF


CSS-Code:

background-image: radial-gradient(circle, #EA7AFF 12%, #EB7BFF 87%);

 

HEX #EB7BFF zu HEX #F1A3FF


CSS-Code:

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

 

HEX #EB7BFF zu HEX #F1A3FF


CSS-Code:

background-image: radial-gradient(circle, #EB7BFF 1%, #F1A3FF 95%);

 

HEX #F1A3FF zu HEX #EB7BFF


CSS-Code:

background-image: linear-gradient(135deg, #F1A3FF 11%, #EB7BFF 100%);

 

HEX #F1A3FF zu HEX #EB7BFF


CSS-Code:

background-image: radial-gradient(circle, #F1A3FF 14%, #EB7BFF 99%);

 

HEX #EB7BFF zu HEX #F7CCFF


CSS-Code:

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

 

HEX #EB7BFF zu HEX #F7CCFF


CSS-Code:

background-image: radial-gradient(circle, #EB7BFF 8%, #F7CCFF 88%);

 

HEX #F7CCFF zu HEX #EB7BFF


CSS-Code:

background-image: linear-gradient(135deg, #F7CCFF 10%, #EB7BFF 86%);

 

HEX #F7CCFF zu HEX #EB7BFF


CSS-Code:

background-image: radial-gradient(circle, #F7CCFF 9%, #EB7BFF 87%);

Linear

HEX #EB7BFF zu HEX #C57AFF


CSS-Code:

background-image: linear-gradient(135deg, #EB7BFF 4%, #C57AFF 93%);

Radial

HEX #EB7BFF zu HEX #C57AFF


CSS-Code:

background-image: radial-gradient(circle, #EB7BFF 8%, #C57AFF 96%);

 

HEX #C57AFF zu HEX #EB7BFF


CSS-Code:

background-image: linear-gradient(135deg, #C57AFF 3%, #EB7BFF 88%);

 

HEX #C57AFF zu HEX #EB7BFF


CSS-Code:

background-image: radial-gradient(circle, #C57AFF 7%, #EB7BFF 86%);

 

HEX #EB7BFF zu HEX #E87AFF


CSS-Code:

background-image: linear-gradient(135deg, #EB7BFF 14%, #E87AFF 90%);

 

HEX #EB7BFF zu HEX #E87AFF


CSS-Code:

background-image: radial-gradient(circle, #EB7BFF 14%, #E87AFF 96%);

 

HEX #E87AFF zu HEX #EB7BFF


CSS-Code:

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

 

HEX #E87AFF zu HEX #EB7BFF


CSS-Code:

background-image: radial-gradient(circle, #E87AFF 14%, #EB7BFF 88%);

 

HEX #EB7BFF zu HEX #FF7AF1


CSS-Code:

background-image: linear-gradient(135deg, #EB7BFF 3%, #FF7AF1 96%);

 

HEX #EB7BFF zu HEX #FF7AF1


CSS-Code:

background-image: radial-gradient(circle, #EB7BFF 12%, #FF7AF1 86%);

 

HEX #FF7AF1 zu HEX #EB7BFF


CSS-Code:

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

 

HEX #FF7AF1 zu HEX #EB7BFF


CSS-Code:

background-image: radial-gradient(circle, #FF7AF1 9%, #EB7BFF 98%);

 

HEX #EB7BFF zu HEX #FF7ACE


CSS-Code:

background-image: linear-gradient(135deg, #EB7BFF 4%, #FF7ACE 99%);

 

HEX #EB7BFF zu HEX #FF7ACE


CSS-Code:

background-image: radial-gradient(circle, #EB7BFF 4%, #FF7ACE 94%);

 

HEX #FF7ACE zu HEX #EB7BFF


CSS-Code:

background-image: linear-gradient(135deg, #FF7ACE 0%, #EB7BFF 95%);

 

HEX #FF7ACE zu HEX #EB7BFF


CSS-Code:

background-image: radial-gradient(circle, #FF7ACE 14%, #EB7BFF 91%);

Linear

HEX #EB7BFF zu HEX #E451FF


CSS-Code:

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

Radial

HEX #EB7BFF zu HEX #E451FF


CSS-Code:

background-image: radial-gradient(circle, #EB7BFF 0%, #E451FF 98%);

 

HEX #E451FF zu HEX #EB7BFF


CSS-Code:

background-image: linear-gradient(135deg, #E451FF 5%, #EB7BFF 96%);

 

HEX #E451FF zu HEX #EB7BFF


CSS-Code:

background-image: radial-gradient(circle, #E451FF 14%, #EB7BFF 100%);

 

HEX #EB7BFF zu HEX #EA7AFF


CSS-Code:

background-image: linear-gradient(135deg, #EB7BFF 2%, #EA7AFF 98%);

 

HEX #EB7BFF zu HEX #EA7AFF


CSS-Code:

background-image: radial-gradient(circle, #EB7BFF 11%, #EA7AFF 91%);

 

HEX #EA7AFF zu HEX #EB7BFF


CSS-Code:

background-image: linear-gradient(135deg, #EA7AFF 9%, #EB7BFF 88%);

 

HEX #EA7AFF zu HEX #EB7BFF


CSS-Code:

background-image: radial-gradient(circle, #EA7AFF 4%, #EB7BFF 93%);

 

HEX #EB7BFF zu HEX #F1A3FF


CSS-Code:

background-image: linear-gradient(135deg, #EB7BFF 14%, #F1A3FF 100%);

 

HEX #EB7BFF zu HEX #F1A3FF


CSS-Code:

background-image: radial-gradient(circle, #EB7BFF 14%, #F1A3FF 99%);

 

HEX #F1A3FF zu HEX #EB7BFF


CSS-Code:

background-image: linear-gradient(135deg, #F1A3FF 9%, #EB7BFF 98%);

 

HEX #F1A3FF zu HEX #EB7BFF


CSS-Code:

background-image: radial-gradient(circle, #F1A3FF 3%, #EB7BFF 96%);

 

HEX #EB7BFF zu HEX #F7CCFF


CSS-Code:

background-image: linear-gradient(135deg, #EB7BFF 12%, #F7CCFF 93%);

 

HEX #EB7BFF zu HEX #F7CCFF


CSS-Code:

background-image: radial-gradient(circle, #EB7BFF 11%, #F7CCFF 86%);

 

HEX #F7CCFF zu HEX #EB7BFF


CSS-Code:

background-image: linear-gradient(135deg, #F7CCFF 9%, #EB7BFF 91%);

 

HEX #F7CCFF zu HEX #EB7BFF


CSS-Code:

background-image: radial-gradient(circle, #F7CCFF 6%, #EB7BFF 88%);

Linear

HEX #EB7BFF zu HEX #FF7E7A


CSS-Code:

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

Radial

HEX #EB7BFF zu HEX #FF7E7A


CSS-Code:

background-image: radial-gradient(circle, #EB7BFF 9%, #FF7E7A 86%);

 

HEX #FF7E7A zu HEX #EB7BFF


CSS-Code:

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

 

HEX #FF7E7A zu HEX #EB7BFF


CSS-Code:

background-image: radial-gradient(circle, #FF7E7A 9%, #EB7BFF 97%);

 

HEX #EB7BFF zu HEX #7AFFB3


CSS-Code:

background-image: linear-gradient(135deg, #EB7BFF 13%, #7AFFB3 91%);

 

HEX #EB7BFF zu HEX #7AFFB3


CSS-Code:

background-image: radial-gradient(circle, #EB7BFF 11%, #7AFFB3 95%);

 

HEX #7AFFB3 zu HEX #EB7BFF


CSS-Code:

background-image: linear-gradient(135deg, #7AFFB3 2%, #EB7BFF 97%);

 

HEX #7AFFB3 zu HEX #EB7BFF


CSS-Code:

background-image: radial-gradient(circle, #7AFFB3 14%, #EB7BFF 92%);

Linear

HEX #EB7BFF zu HEX #FFE87A


CSS-Code:

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

Radial

HEX #EB7BFF zu HEX #FFE87A


CSS-Code:

background-image: radial-gradient(circle, #EB7BFF 4%, #FFE87A 92%);

 

HEX #FFE87A zu HEX #EB7BFF


CSS-Code:

background-image: linear-gradient(135deg, #FFE87A 4%, #EB7BFF 93%);

 

HEX #FFE87A zu HEX #EB7BFF


CSS-Code:

background-image: radial-gradient(circle, #FFE87A 12%, #EB7BFF 88%);

 

HEX #EB7BFF zu HEX #7AFFE8


CSS-Code:

background-image: linear-gradient(135deg, #EB7BFF 6%, #7AFFE8 96%);

 

HEX #EB7BFF zu HEX #7AFFE8


CSS-Code:

background-image: radial-gradient(circle, #EB7BFF 1%, #7AFFE8 92%);

 

HEX #7AFFE8 zu HEX #EB7BFF


CSS-Code:

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

 

HEX #7AFFE8 zu HEX #EB7BFF


CSS-Code:

background-image: radial-gradient(circle, #7AFFE8 10%, #EB7BFF 86%);

Linear

HEX #EB7BFF zu HEX #FF7E7A


CSS-Code:

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

Radial

HEX #EB7BFF zu HEX #FF7E7A


CSS-Code:

background-image: radial-gradient(circle, #EB7BFF 7%, #FF7E7A 92%);

 

HEX #FF7E7A zu HEX #EB7BFF


CSS-Code:

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

 

HEX #FF7E7A zu HEX #EB7BFF


CSS-Code:

background-image: radial-gradient(circle, #FF7E7A 0%, #EB7BFF 88%);

 

HEX #EB7BFF zu HEX #90FF7A


CSS-Code:

background-image: linear-gradient(135deg, #EB7BFF 9%, #90FF7A 88%);

 

HEX #EB7BFF zu HEX #90FF7A


CSS-Code:

background-image: radial-gradient(circle, #EB7BFF 0%, #90FF7A 90%);

 

HEX #90FF7A zu HEX #EB7BFF


CSS-Code:

background-image: linear-gradient(135deg, #90FF7A 3%, #EB7BFF 92%);

 

HEX #90FF7A zu HEX #EB7BFF


CSS-Code:

background-image: radial-gradient(circle, #90FF7A 14%, #EB7BFF 90%);

 

HEX #EB7BFF zu HEX #7AFAFF


CSS-Code:

background-image: linear-gradient(135deg, #EB7BFF 11%, #7AFAFF 87%);

 

HEX #EB7BFF zu HEX #7AFAFF


CSS-Code:

background-image: radial-gradient(circle, #EB7BFF 13%, #7AFAFF 92%);

 

HEX #7AFAFF zu HEX #EB7BFF


CSS-Code:

background-image: linear-gradient(135deg, #7AFAFF 2%, #EB7BFF 94%);

 

HEX #7AFAFF zu HEX #EB7BFF


CSS-Code:

background-image: radial-gradient(circle, #7AFAFF 11%, #EB7BFF 99%);

Linear

HEX #EB7BFF zu HEX #FFA67A


CSS-Code:

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

Radial

HEX #EB7BFF zu HEX #FFA67A


CSS-Code:

background-image: radial-gradient(circle, #EB7BFF 0%, #FFA67A 98%);

 

HEX #FFA67A zu HEX #EB7BFF


CSS-Code:

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

 

HEX #FFA67A zu HEX #EB7BFF


CSS-Code:

background-image: radial-gradient(circle, #FFA67A 8%, #EB7BFF 95%);

 

HEX #EB7BFF zu HEX #90FF7A


CSS-Code:

background-image: linear-gradient(135deg, #EB7BFF 0%, #90FF7A 94%);

 

HEX #EB7BFF zu HEX #90FF7A


CSS-Code:

background-image: radial-gradient(circle, #EB7BFF 12%, #90FF7A 91%);

 

HEX #90FF7A zu HEX #EB7BFF


CSS-Code:

background-image: linear-gradient(135deg, #90FF7A 4%, #EB7BFF 86%);

 

HEX #90FF7A zu HEX #EB7BFF


CSS-Code:

background-image: radial-gradient(circle, #90FF7A 11%, #EB7BFF 100%);

 

HEX #EB7BFF zu HEX #7AD2FF


CSS-Code:

background-image: linear-gradient(135deg, #EB7BFF 3%, #7AD2FF 90%);

 

HEX #EB7BFF zu HEX #7AD2FF


CSS-Code:

background-image: radial-gradient(circle, #EB7BFF 13%, #7AD2FF 99%);

 

HEX #7AD2FF zu HEX #EB7BFF


CSS-Code:

background-image: linear-gradient(135deg, #7AD2FF 4%, #EB7BFF 95%);

 

HEX #7AD2FF zu HEX #EB7BFF


CSS-Code:

background-image: radial-gradient(circle, #7AD2FF 0%, #EB7BFF 92%);

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
Icons

CMYK in HEX

umrechnen von CMYK cyan / magenta / gelb / key zu #RRGGBB
Icons

CMYK in RGB

umrechnen von CMYK cyan / magenta / gelb / key zu RGB rot grün blau
Icons

CMYK in RGBA

umrechnen von CMYK cyan / magenta / gelb / key zu RGBA rot grün blau transparenz
Icons

CMYK in RAL®

umrechnen von CMYK cyan / magenta / gelb / key zu RAL®-Nummer (RAL 0000)
Icons

CMYK in HKS®

umrechnen von CMYK cyan / magenta / gelb / key zu HKS®-Nummer (HKS 00)
Icons

CMYK in PANTONE®

umrechnen von CMYK cyan / magenta / gelb / key zu Pantone®-Nummer (Pantone 0000)
Icons

CMYK in Sherwin Williams®

umrechnen von CMYK cyan / magenta / gelb / key zu Sherwin Williams®-Nummer (SW 0000)
Icons

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
nsc-logo

NCS® in RGB

umrechnen von NCS-Nummer (S0000-X00X) zu RGB rot grün blau
nsc-logo

NCS® in RGBA

umrechnen von NCS-Nummer (S0000-X00X) zu RGBA rot grün blau transparenz
nsc-logo

NCS® in CMYK

umrechnen von NCS-Nummer (S0000-X00X) zu CMYK cyan / magenta / gelb / key

Icons
nsc-logo

NCS® in HEX

umrechnen von NCS-Nummer (S0000-X00X) zu #RRGGBB
nsc-logo

NCS® in RAL®

umrechnen von NCS-Nummer (S0000-X00X) zu RAL®-Nummer (RAL 0000)
nsc-logo

NCS® in HKS®

umrechnen von NCS-Nummer (S0000-X00X) zu HKS®-Nummer (HKS 00)
nsc-logo

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.

© 2019-2025 - Designed by frag-bobby.de