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

✕

CSS Gradienten:
CMYK 9 / 0 / 78 / 18

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

Bei dieser Farbe hebt sich Gelb von den anderen Farben ab. Die Werte die für den roten und grünen Farbton stehen, sind größer als der dritte Wert. Sie liegen nahe beieinander und übertreffen den Wert des blauen Farbtons. 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 190 Rot, 209 Grün und 46 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 9 Cyan, keine Magenta, 78 Gelb und 18 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 CMYK 9 / 0 / 78 / 18 - Komplementärfarbe

Linear

HEX #BED12E zu HEX #412ED1

CSS-Code:

background-image: linear-gradient(135deg, #BED12E 9%, #412ED1 87%);

Radial

HEX #BED12E zu HEX #412ED1

CSS-Code:

background-image: radial-gradient(circle, #BED12E 2%, #412ED1 90%);

HEX #412ED1 zu HEX #BED12E

CSS-Code:

background-image: linear-gradient(135deg, #412ED1 10%, #BED12E 86%);

HEX #412ED1 zu HEX #BED12E

CSS-Code:

background-image: radial-gradient(circle, #412ED1 8%, #BED12E 97%);

2-Farben Gradienten von CMYK 9 / 0 / 78 / 18 - Hellere Farbtöne

Linear

HEX #BED12E zu HEX #D1B52D

CSS-Code:

background-image: linear-gradient(135deg, #BED12E 8%, #D1B52D 95%);

Radial

HEX #BED12E zu HEX #D1B52D

CSS-Code:

background-image: radial-gradient(circle, #BED12E 6%, #D1B52D 93%);

HEX #D1B52D zu HEX #BED12E

CSS-Code:

background-image: linear-gradient(135deg, #D1B52D 7%, #BED12E 94%);

HEX #D1B52D zu HEX #BED12E

CSS-Code:

background-image: radial-gradient(circle, #D1B52D 6%, #BED12E 87%);

HEX #BED12E zu HEX #C0D12D

CSS-Code:

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

HEX #BED12E zu HEX #C0D12D

CSS-Code:

background-image: radial-gradient(circle, #BED12E 12%, #C0D12D 88%);

HEX #C0D12D zu HEX #BED12E

CSS-Code:

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

HEX #C0D12D zu HEX #BED12E

CSS-Code:

background-image: radial-gradient(circle, #C0D12D 2%, #BED12E 91%);

HEX #BED12E zu HEX #95D12D

CSS-Code:

background-image: linear-gradient(135deg, #BED12E 13%, #95D12D 93%);

HEX #BED12E zu HEX #95D12D

CSS-Code:

background-image: radial-gradient(circle, #BED12E 10%, #95D12D 98%);

HEX #95D12D zu HEX #BED12E

CSS-Code:

background-image: linear-gradient(135deg, #95D12D 10%, #BED12E 91%);

HEX #95D12D zu HEX #BED12E

CSS-Code:

background-image: radial-gradient(circle, #95D12D 14%, #BED12E 100%);

HEX #BED12E zu HEX #69D12D

CSS-Code:

background-image: linear-gradient(135deg, #BED12E 1%, #69D12D 92%);

HEX #BED12E zu HEX #69D12D

CSS-Code:

background-image: radial-gradient(circle, #BED12E 6%, #69D12D 91%);

HEX #69D12D zu HEX #BED12E

CSS-Code:

background-image: linear-gradient(135deg, #69D12D 5%, #BED12E 96%);

HEX #69D12D zu HEX #BED12E

CSS-Code:

background-image: radial-gradient(circle, #69D12D 0%, #BED12E 100%);

2-Farben Gradienten von CMYK 9 / 0 / 78 / 18 - Dunklere Farbtöne

Linear

HEX #BED12E zu HEX #9FAF26

CSS-Code:

background-image: linear-gradient(135deg, #BED12E 5%, #9FAF26 87%);

Radial

HEX #BED12E zu HEX #9FAF26

CSS-Code:

background-image: radial-gradient(circle, #BED12E 6%, #9FAF26 87%);

HEX #9FAF26 zu HEX #BED12E

CSS-Code:

background-image: linear-gradient(135deg, #9FAF26 3%, #BED12E 100%);

HEX #9FAF26 zu HEX #BED12E

CSS-Code:

background-image: radial-gradient(circle, #9FAF26 12%, #BED12E 91%);

HEX #BED12E zu HEX #BED12D

CSS-Code:

background-image: linear-gradient(135deg, #BED12E 13%, #BED12D 92%);

HEX #BED12E zu HEX #BED12D

CSS-Code:

background-image: radial-gradient(circle, #BED12E 5%, #BED12D 97%);

HEX #BED12D zu HEX #BED12E

CSS-Code:

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

HEX #BED12D zu HEX #BED12E

CSS-Code:

background-image: radial-gradient(circle, #BED12D 6%, #BED12E 87%);

HEX #BED12E zu HEX #C8D84F

CSS-Code:

background-image: linear-gradient(135deg, #BED12E 3%, #C8D84F 95%);

HEX #BED12E zu HEX #C8D84F

CSS-Code:

background-image: radial-gradient(circle, #BED12E 4%, #C8D84F 86%);

HEX #C8D84F zu HEX #BED12E

CSS-Code:

background-image: linear-gradient(135deg, #C8D84F 1%, #BED12E 92%);

HEX #C8D84F zu HEX #BED12E

CSS-Code:

background-image: radial-gradient(circle, #C8D84F 1%, #BED12E 94%);

HEX #BED12E zu HEX #D3DF71

CSS-Code:

background-image: linear-gradient(135deg, #BED12E 1%, #D3DF71 97%);

HEX #BED12E zu HEX #D3DF71

CSS-Code:

background-image: radial-gradient(circle, #BED12E 5%, #D3DF71 94%);

HEX #D3DF71 zu HEX #BED12E

CSS-Code:

background-image: linear-gradient(135deg, #D3DF71 8%, #BED12E 100%);

HEX #D3DF71 zu HEX #BED12E

CSS-Code:

background-image: radial-gradient(circle, #D3DF71 9%, #BED12E 99%);

2-Farben Gradienten von CMYK 9 / 0 / 78 / 18 - Analoge Farben

Linear

HEX #BED12E zu HEX #D1B52D

CSS-Code:

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

Radial

HEX #BED12E zu HEX #D1B52D

CSS-Code:

background-image: radial-gradient(circle, #BED12E 6%, #D1B52D 90%);

HEX #D1B52D zu HEX #BED12E

CSS-Code:

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

HEX #D1B52D zu HEX #BED12E

CSS-Code:

background-image: radial-gradient(circle, #D1B52D 9%, #BED12E 94%);

HEX #BED12E zu HEX #C0D12D

CSS-Code:

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

HEX #BED12E zu HEX #C0D12D

CSS-Code:

background-image: radial-gradient(circle, #BED12E 5%, #C0D12D 91%);

HEX #C0D12D zu HEX #BED12E

CSS-Code:

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

HEX #C0D12D zu HEX #BED12E

CSS-Code:

background-image: radial-gradient(circle, #C0D12D 4%, #BED12E 98%);

HEX #BED12E zu HEX #95D12D

CSS-Code:

background-image: linear-gradient(135deg, #BED12E 14%, #95D12D 96%);

HEX #BED12E zu HEX #95D12D

CSS-Code:

background-image: radial-gradient(circle, #BED12E 6%, #95D12D 98%);

HEX #95D12D zu HEX #BED12E

CSS-Code:

background-image: linear-gradient(135deg, #95D12D 1%, #BED12E 88%);

HEX #95D12D zu HEX #BED12E

CSS-Code:

background-image: radial-gradient(circle, #95D12D 12%, #BED12E 89%);

HEX #BED12E zu HEX #69D12D

CSS-Code:

background-image: linear-gradient(135deg, #BED12E 1%, #69D12D 87%);

HEX #BED12E zu HEX #69D12D

CSS-Code:

background-image: radial-gradient(circle, #BED12E 8%, #69D12D 86%);

HEX #69D12D zu HEX #BED12E

CSS-Code:

background-image: linear-gradient(135deg, #69D12D 2%, #BED12E 86%);

HEX #69D12D zu HEX #BED12E

CSS-Code:

background-image: radial-gradient(circle, #69D12D 12%, #BED12E 92%);

2-Farben Gradienten von CMYK 9 / 0 / 78 / 18 - Monochromatische Farben

Linear

HEX #BED12E zu HEX #9FAF26

CSS-Code:

background-image: linear-gradient(135deg, #BED12E 2%, #9FAF26 91%);

Radial

HEX #BED12E zu HEX #9FAF26

CSS-Code:

background-image: radial-gradient(circle, #BED12E 7%, #9FAF26 92%);

HEX #9FAF26 zu HEX #BED12E

CSS-Code:

background-image: linear-gradient(135deg, #9FAF26 5%, #BED12E 99%);

HEX #9FAF26 zu HEX #BED12E

CSS-Code:

background-image: radial-gradient(circle, #9FAF26 11%, #BED12E 100%);

HEX #BED12E zu HEX #BED12D

CSS-Code:

background-image: linear-gradient(135deg, #BED12E 0%, #BED12D 86%);

HEX #BED12E zu HEX #BED12D

CSS-Code:

background-image: radial-gradient(circle, #BED12E 5%, #BED12D 87%);

HEX #BED12D zu HEX #BED12E

CSS-Code:

background-image: linear-gradient(135deg, #BED12D 13%, #BED12E 86%);

HEX #BED12D zu HEX #BED12E

CSS-Code:

background-image: radial-gradient(circle, #BED12D 11%, #BED12E 89%);

HEX #BED12E zu HEX #C8D84F

CSS-Code:

background-image: linear-gradient(135deg, #BED12E 2%, #C8D84F 93%);

HEX #BED12E zu HEX #C8D84F

CSS-Code:

background-image: radial-gradient(circle, #BED12E 14%, #C8D84F 89%);

HEX #C8D84F zu HEX #BED12E

CSS-Code:

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

HEX #C8D84F zu HEX #BED12E

CSS-Code:

background-image: radial-gradient(circle, #C8D84F 6%, #BED12E 98%);

HEX #BED12E zu HEX #D3DF71

CSS-Code:

background-image: linear-gradient(135deg, #BED12E 5%, #D3DF71 100%);

HEX #BED12E zu HEX #D3DF71

CSS-Code:

background-image: radial-gradient(circle, #BED12E 13%, #D3DF71 89%);

HEX #D3DF71 zu HEX #BED12E

CSS-Code:

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

HEX #D3DF71 zu HEX #BED12E

CSS-Code:

background-image: radial-gradient(circle, #D3DF71 11%, #BED12E 99%);

2-Farben Gradienten von CMYK 9 / 0 / 78 / 18 - Teilkomplementär Farben

Linear

HEX #BED12E zu HEX #2DD15E

CSS-Code:

background-image: linear-gradient(135deg, #BED12E 9%, #2DD15E 87%);

Radial

HEX #BED12E zu HEX #2DD15E

CSS-Code:

background-image: radial-gradient(circle, #BED12E 11%, #2DD15E 94%);

HEX #2DD15E zu HEX #BED12E

CSS-Code:

background-image: linear-gradient(135deg, #2DD15E 8%, #BED12E 92%);

HEX #2DD15E zu HEX #BED12E

CSS-Code:

background-image: radial-gradient(circle, #2DD15E 7%, #BED12E 94%);

HEX #BED12E zu HEX #A02DD1

CSS-Code:

background-image: linear-gradient(135deg, #BED12E 14%, #A02DD1 98%);

HEX #BED12E zu HEX #A02DD1

CSS-Code:

background-image: radial-gradient(circle, #BED12E 3%, #A02DD1 97%);

HEX #A02DD1 zu HEX #BED12E

CSS-Code:

background-image: linear-gradient(135deg, #A02DD1 12%, #BED12E 89%);

HEX #A02DD1 zu HEX #BED12E

CSS-Code:

background-image: radial-gradient(circle, #A02DD1 14%, #BED12E 93%);

2-Farben Gradienten von CMYK 9 / 0 / 78 / 18 - Triadische Farben

Linear

HEX #BED12E zu HEX #2DC0D1

CSS-Code:

background-image: linear-gradient(135deg, #BED12E 7%, #2DC0D1 93%);

Radial

HEX #BED12E zu HEX #2DC0D1

CSS-Code:

background-image: radial-gradient(circle, #BED12E 11%, #2DC0D1 88%);

HEX #2DC0D1 zu HEX #BED12E

CSS-Code:

background-image: linear-gradient(135deg, #2DC0D1 14%, #BED12E 87%);

HEX #2DC0D1 zu HEX #BED12E

CSS-Code:

background-image: radial-gradient(circle, #2DC0D1 9%, #BED12E 90%);

HEX #BED12E zu HEX #D12DC0

CSS-Code:

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

HEX #BED12E zu HEX #D12DC0

CSS-Code:

background-image: radial-gradient(circle, #BED12E 0%, #D12DC0 94%);

HEX #D12DC0 zu HEX #BED12E

CSS-Code:

background-image: linear-gradient(135deg, #D12DC0 8%, #BED12E 96%);

HEX #D12DC0 zu HEX #BED12E

CSS-Code:

background-image: radial-gradient(circle, #D12DC0 6%, #BED12E 99%);

2-Farben Gradienten von CMYK 9 / 0 / 78 / 18 - Rechteckige (Tetradische) Farben

Linear

HEX #BED12E zu HEX #2DD15E

CSS-Code:

background-image: linear-gradient(135deg, #BED12E 1%, #2DD15E 94%);

Radial

HEX #BED12E zu HEX #2DD15E

CSS-Code:

background-image: radial-gradient(circle, #BED12E 4%, #2DD15E 98%);

HEX #2DD15E zu HEX #BED12E

CSS-Code:

background-image: linear-gradient(135deg, #2DD15E 11%, #BED12E 99%);

HEX #2DD15E zu HEX #BED12E

CSS-Code:

background-image: radial-gradient(circle, #2DD15E 8%, #BED12E 97%);

HEX #BED12E zu HEX #3E2DD1

CSS-Code:

background-image: linear-gradient(135deg, #BED12E 2%, #3E2DD1 93%);

HEX #BED12E zu HEX #3E2DD1

CSS-Code:

background-image: radial-gradient(circle, #BED12E 12%, #3E2DD1 98%);

HEX #3E2DD1 zu HEX #BED12E

CSS-Code:

background-image: linear-gradient(135deg, #3E2DD1 1%, #BED12E 98%);

HEX #3E2DD1 zu HEX #BED12E

CSS-Code:

background-image: radial-gradient(circle, #3E2DD1 12%, #BED12E 96%);

HEX #BED12E zu HEX #D12DA0

CSS-Code:

background-image: linear-gradient(135deg, #BED12E 12%, #D12DA0 86%);

HEX #BED12E zu HEX #D12DA0

CSS-Code:

background-image: radial-gradient(circle, #BED12E 1%, #D12DA0 95%);

HEX #D12DA0 zu HEX #BED12E

CSS-Code:

background-image: linear-gradient(135deg, #D12DA0 4%, #BED12E 92%);

HEX #D12DA0 zu HEX #BED12E

CSS-Code:

background-image: radial-gradient(circle, #D12DA0 7%, #BED12E 94%);

2-Farben Gradienten von CMYK 9 / 0 / 78 / 18 - Quadratische Farben

Linear

HEX #BED12E zu HEX #2DD18F

CSS-Code:

background-image: linear-gradient(135deg, #BED12E 1%, #2DD18F 100%);

Radial

HEX #BED12E zu HEX #2DD18F

CSS-Code:

background-image: radial-gradient(circle, #BED12E 12%, #2DD18F 88%);

HEX #2DD18F zu HEX #BED12E

CSS-Code:

background-image: linear-gradient(135deg, #2DD18F 1%, #BED12E 89%);

HEX #2DD18F zu HEX #BED12E

CSS-Code:

background-image: radial-gradient(circle, #2DD18F 12%, #BED12E 94%);

HEX #BED12E zu HEX #3E2DD1

CSS-Code:

background-image: linear-gradient(135deg, #BED12E 6%, #3E2DD1 91%);

HEX #BED12E zu HEX #3E2DD1

CSS-Code:

background-image: radial-gradient(circle, #BED12E 14%, #3E2DD1 96%);

HEX #3E2DD1 zu HEX #BED12E

CSS-Code:

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

HEX #3E2DD1 zu HEX #BED12E

CSS-Code:

background-image: radial-gradient(circle, #3E2DD1 5%, #BED12E 93%);

HEX #BED12E zu HEX #D12D6F

CSS-Code:

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

HEX #BED12E zu HEX #D12D6F

CSS-Code:

background-image: radial-gradient(circle, #BED12E 7%, #D12D6F 97%);

HEX #D12D6F zu HEX #BED12E

CSS-Code:

background-image: linear-gradient(135deg, #D12D6F 8%, #BED12E 95%);

HEX #D12D6F zu HEX #BED12E

CSS-Code:

background-image: radial-gradient(circle, #D12D6F 6%, #BED12E 88%);

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

Cancel Share

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.

The quick converter and color manager.
The powerful color database for designers and agencies.

Solutions

Create CSS gradient

Create color palettes

Image to color palettes

Color of the week

Manufacturer colors

Project

About qConv.com

Designer

Tutorials & FAQ's

Manufacturer colors

Become a member

Legal