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

✕

CSS Gradienten:
#018DEE

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

Blau und Grün dominieren diesen Farbton deutlich: Der Blau- und der Grünwert liegen über Rot. 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 1 Rot, 141 Grün und 238 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 100 Cyan, 41 Magenta, keine 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 #018DEE - Komplementärfarbe

Linear

HEX #018DEE zu HEX #FE7211

CSS-Code:

background-image: linear-gradient(135deg, #018DEE 3%, #FE7211 98%);

Radial

HEX #018DEE zu HEX #FE7211

CSS-Code:

background-image: radial-gradient(circle, #018DEE 3%, #FE7211 96%);

HEX #FE7211 zu HEX #018DEE

CSS-Code:

background-image: linear-gradient(135deg, #FE7211 1%, #018DEE 97%);

HEX #FE7211 zu HEX #018DEE

CSS-Code:

background-image: radial-gradient(circle, #FE7211 7%, #018DEE 89%);

2-Farben Gradienten von #018DEE - Hellere Farbtöne

Linear

HEX #018DEE zu HEX #01CFEF

CSS-Code:

background-image: linear-gradient(135deg, #018DEE 8%, #01CFEF 93%);

Radial

HEX #018DEE zu HEX #01CFEF

CSS-Code:

background-image: radial-gradient(circle, #018DEE 11%, #01CFEF 89%);

HEX #01CFEF zu HEX #018DEE

CSS-Code:

background-image: linear-gradient(135deg, #01CFEF 2%, #018DEE 87%);

HEX #01CFEF zu HEX #018DEE

CSS-Code:

background-image: radial-gradient(circle, #01CFEF 1%, #018DEE 87%);

HEX #018DEE zu HEX #0190EF

CSS-Code:

background-image: linear-gradient(135deg, #018DEE 13%, #0190EF 87%);

HEX #018DEE zu HEX #0190EF

CSS-Code:

background-image: radial-gradient(circle, #018DEE 14%, #0190EF 86%);

HEX #0190EF zu HEX #018DEE

CSS-Code:

background-image: linear-gradient(135deg, #0190EF 9%, #018DEE 99%);

HEX #0190EF zu HEX #018DEE

CSS-Code:

background-image: radial-gradient(circle, #0190EF 0%, #018DEE 88%);

HEX #018DEE zu HEX #0150EF

CSS-Code:

background-image: linear-gradient(135deg, #018DEE 2%, #0150EF 97%);

HEX #018DEE zu HEX #0150EF

CSS-Code:

background-image: radial-gradient(circle, #018DEE 8%, #0150EF 97%);

HEX #0150EF zu HEX #018DEE

CSS-Code:

background-image: linear-gradient(135deg, #0150EF 7%, #018DEE 99%);

HEX #0150EF zu HEX #018DEE

CSS-Code:

background-image: radial-gradient(circle, #0150EF 5%, #018DEE 91%);

HEX #018DEE zu HEX #0111EF

CSS-Code:

background-image: linear-gradient(135deg, #018DEE 14%, #0111EF 89%);

HEX #018DEE zu HEX #0111EF

CSS-Code:

background-image: radial-gradient(circle, #018DEE 9%, #0111EF 87%);

HEX #0111EF zu HEX #018DEE

CSS-Code:

background-image: linear-gradient(135deg, #0111EF 14%, #018DEE 90%);

HEX #0111EF zu HEX #018DEE

CSS-Code:

background-image: radial-gradient(circle, #0111EF 4%, #018DEE 90%);

2-Farben Gradienten von #018DEE - Dunklere Farbtöne

Linear

HEX #018DEE zu HEX #0175C5

CSS-Code:

background-image: linear-gradient(135deg, #018DEE 7%, #0175C5 89%);

Radial

HEX #018DEE zu HEX #0175C5

CSS-Code:

background-image: radial-gradient(circle, #018DEE 4%, #0175C5 97%);

HEX #0175C5 zu HEX #018DEE

CSS-Code:

background-image: linear-gradient(135deg, #0175C5 8%, #018DEE 86%);

HEX #0175C5 zu HEX #018DEE

CSS-Code:

background-image: radial-gradient(circle, #0175C5 14%, #018DEE 95%);

HEX #018DEE zu HEX #018DEF

CSS-Code:

background-image: linear-gradient(135deg, #018DEE 3%, #018DEF 94%);

HEX #018DEE zu HEX #018DEF

CSS-Code:

background-image: radial-gradient(circle, #018DEE 11%, #018DEF 96%);

HEX #018DEF zu HEX #018DEE

CSS-Code:

background-image: linear-gradient(135deg, #018DEF 12%, #018DEE 86%);

HEX #018DEF zu HEX #018DEE

CSS-Code:

background-image: radial-gradient(circle, #018DEF 11%, #018DEE 95%);

HEX #018DEE zu HEX #1BA1FE

CSS-Code:

background-image: linear-gradient(135deg, #018DEE 1%, #1BA1FE 96%);

HEX #018DEE zu HEX #1BA1FE

CSS-Code:

background-image: radial-gradient(circle, #018DEE 1%, #1BA1FE 99%);

HEX #1BA1FE zu HEX #018DEE

CSS-Code:

background-image: linear-gradient(135deg, #1BA1FE 14%, #018DEE 91%);

HEX #1BA1FE zu HEX #018DEE

CSS-Code:

background-image: radial-gradient(circle, #1BA1FE 11%, #018DEE 91%);

HEX #018DEE zu HEX #44B2FE

CSS-Code:

background-image: linear-gradient(135deg, #018DEE 1%, #44B2FE 98%);

HEX #018DEE zu HEX #44B2FE

CSS-Code:

background-image: radial-gradient(circle, #018DEE 9%, #44B2FE 92%);

HEX #44B2FE zu HEX #018DEE

CSS-Code:

background-image: linear-gradient(135deg, #44B2FE 12%, #018DEE 91%);

HEX #44B2FE zu HEX #018DEE

CSS-Code:

background-image: radial-gradient(circle, #44B2FE 5%, #018DEE 99%);

2-Farben Gradienten von #018DEE - Analoge Farben

Linear

HEX #018DEE zu HEX #01CFEF

CSS-Code:

background-image: linear-gradient(135deg, #018DEE 7%, #01CFEF 98%);

Radial

HEX #018DEE zu HEX #01CFEF

CSS-Code:

background-image: radial-gradient(circle, #018DEE 8%, #01CFEF 89%);

HEX #01CFEF zu HEX #018DEE

CSS-Code:

background-image: linear-gradient(135deg, #01CFEF 9%, #018DEE 87%);

HEX #01CFEF zu HEX #018DEE

CSS-Code:

background-image: radial-gradient(circle, #01CFEF 11%, #018DEE 91%);

HEX #018DEE zu HEX #0190EF

CSS-Code:

background-image: linear-gradient(135deg, #018DEE 3%, #0190EF 92%);

HEX #018DEE zu HEX #0190EF

CSS-Code:

background-image: radial-gradient(circle, #018DEE 5%, #0190EF 89%);

HEX #0190EF zu HEX #018DEE

CSS-Code:

background-image: linear-gradient(135deg, #0190EF 7%, #018DEE 92%);

HEX #0190EF zu HEX #018DEE

CSS-Code:

background-image: radial-gradient(circle, #0190EF 7%, #018DEE 98%);

HEX #018DEE zu HEX #0150EF

CSS-Code:

background-image: linear-gradient(135deg, #018DEE 11%, #0150EF 94%);

HEX #018DEE zu HEX #0150EF

CSS-Code:

background-image: radial-gradient(circle, #018DEE 4%, #0150EF 93%);

HEX #0150EF zu HEX #018DEE

CSS-Code:

background-image: linear-gradient(135deg, #0150EF 10%, #018DEE 97%);

HEX #0150EF zu HEX #018DEE

CSS-Code:

background-image: radial-gradient(circle, #0150EF 3%, #018DEE 86%);

HEX #018DEE zu HEX #0111EF

CSS-Code:

background-image: linear-gradient(135deg, #018DEE 12%, #0111EF 89%);

HEX #018DEE zu HEX #0111EF

CSS-Code:

background-image: radial-gradient(circle, #018DEE 14%, #0111EF 99%);

HEX #0111EF zu HEX #018DEE

CSS-Code:

background-image: linear-gradient(135deg, #0111EF 1%, #018DEE 86%);

HEX #0111EF zu HEX #018DEE

CSS-Code:

background-image: radial-gradient(circle, #0111EF 8%, #018DEE 96%);

2-Farben Gradienten von #018DEE - Monochromatische Farben

Linear

HEX #018DEE zu HEX #0175C5

CSS-Code:

background-image: linear-gradient(135deg, #018DEE 2%, #0175C5 88%);

Radial

HEX #018DEE zu HEX #0175C5

CSS-Code:

background-image: radial-gradient(circle, #018DEE 12%, #0175C5 94%);

HEX #0175C5 zu HEX #018DEE

CSS-Code:

background-image: linear-gradient(135deg, #0175C5 0%, #018DEE 93%);

HEX #0175C5 zu HEX #018DEE

CSS-Code:

background-image: radial-gradient(circle, #0175C5 12%, #018DEE 98%);

HEX #018DEE zu HEX #018DEF

CSS-Code:

background-image: linear-gradient(135deg, #018DEE 10%, #018DEF 95%);

HEX #018DEE zu HEX #018DEF

CSS-Code:

background-image: radial-gradient(circle, #018DEE 4%, #018DEF 99%);

HEX #018DEF zu HEX #018DEE

CSS-Code:

background-image: linear-gradient(135deg, #018DEF 3%, #018DEE 99%);

HEX #018DEF zu HEX #018DEE

CSS-Code:

background-image: radial-gradient(circle, #018DEF 5%, #018DEE 96%);

HEX #018DEE zu HEX #1BA1FE

CSS-Code:

background-image: linear-gradient(135deg, #018DEE 1%, #1BA1FE 94%);

HEX #018DEE zu HEX #1BA1FE

CSS-Code:

background-image: radial-gradient(circle, #018DEE 4%, #1BA1FE 97%);

HEX #1BA1FE zu HEX #018DEE

CSS-Code:

background-image: linear-gradient(135deg, #1BA1FE 13%, #018DEE 100%);

HEX #1BA1FE zu HEX #018DEE

CSS-Code:

background-image: radial-gradient(circle, #1BA1FE 2%, #018DEE 98%);

HEX #018DEE zu HEX #44B2FE

CSS-Code:

background-image: linear-gradient(135deg, #018DEE 10%, #44B2FE 88%);

HEX #018DEE zu HEX #44B2FE

CSS-Code:

background-image: radial-gradient(circle, #018DEE 9%, #44B2FE 93%);

HEX #44B2FE zu HEX #018DEE

CSS-Code:

background-image: linear-gradient(135deg, #44B2FE 2%, #018DEE 99%);

HEX #44B2FE zu HEX #018DEE

CSS-Code:

background-image: radial-gradient(circle, #44B2FE 2%, #018DEE 92%);

2-Farben Gradienten von #018DEE - Teilkomplementär Farben

Linear

HEX #018DEE zu HEX #9001EF

CSS-Code:

background-image: linear-gradient(135deg, #018DEE 3%, #9001EF 91%);

Radial

HEX #018DEE zu HEX #9001EF

CSS-Code:

background-image: radial-gradient(circle, #018DEE 6%, #9001EF 90%);

HEX #9001EF zu HEX #018DEE

CSS-Code:

background-image: linear-gradient(135deg, #9001EF 6%, #018DEE 86%);

HEX #9001EF zu HEX #018DEE

CSS-Code:

background-image: radial-gradient(circle, #9001EF 11%, #018DEE 91%);

HEX #018DEE zu HEX #EFEF01

CSS-Code:

background-image: linear-gradient(135deg, #018DEE 9%, #EFEF01 95%);

HEX #018DEE zu HEX #EFEF01

CSS-Code:

background-image: radial-gradient(circle, #018DEE 1%, #EFEF01 94%);

HEX #EFEF01 zu HEX #018DEE

CSS-Code:

background-image: linear-gradient(135deg, #EFEF01 7%, #018DEE 90%);

HEX #EFEF01 zu HEX #018DEE

CSS-Code:

background-image: radial-gradient(circle, #EFEF01 10%, #018DEE 92%);

2-Farben Gradienten von #018DEE - Triadische Farben

Linear

HEX #018DEE zu HEX #EF0190

CSS-Code:

background-image: linear-gradient(135deg, #018DEE 6%, #EF0190 96%);

Radial

HEX #018DEE zu HEX #EF0190

CSS-Code:

background-image: radial-gradient(circle, #018DEE 14%, #EF0190 100%);

HEX #EF0190 zu HEX #018DEE

CSS-Code:

background-image: linear-gradient(135deg, #EF0190 6%, #018DEE 97%);

HEX #EF0190 zu HEX #018DEE

CSS-Code:

background-image: radial-gradient(circle, #EF0190 8%, #018DEE 86%);

HEX #018DEE zu HEX #90EF01

CSS-Code:

background-image: linear-gradient(135deg, #018DEE 9%, #90EF01 94%);

HEX #018DEE zu HEX #90EF01

CSS-Code:

background-image: radial-gradient(circle, #018DEE 0%, #90EF01 90%);

HEX #90EF01 zu HEX #018DEE

CSS-Code:

background-image: linear-gradient(135deg, #90EF01 3%, #018DEE 100%);

HEX #90EF01 zu HEX #018DEE

CSS-Code:

background-image: radial-gradient(circle, #90EF01 5%, #018DEE 89%);

2-Farben Gradienten von #018DEE - Rechteckige (Tetradische) Farben

Linear

HEX #018DEE zu HEX #9001EF

CSS-Code:

background-image: linear-gradient(135deg, #018DEE 2%, #9001EF 90%);

Radial

HEX #018DEE zu HEX #9001EF

CSS-Code:

background-image: radial-gradient(circle, #018DEE 6%, #9001EF 99%);

HEX #9001EF zu HEX #018DEE

CSS-Code:

background-image: linear-gradient(135deg, #9001EF 5%, #018DEE 100%);

HEX #9001EF zu HEX #018DEE

CSS-Code:

background-image: radial-gradient(circle, #9001EF 0%, #018DEE 93%);

HEX #018DEE zu HEX #EF6001

CSS-Code:

background-image: linear-gradient(135deg, #018DEE 0%, #EF6001 88%);

HEX #018DEE zu HEX #EF6001

CSS-Code:

background-image: radial-gradient(circle, #018DEE 13%, #EF6001 100%);

HEX #EF6001 zu HEX #018DEE

CSS-Code:

background-image: linear-gradient(135deg, #EF6001 6%, #018DEE 91%);

HEX #EF6001 zu HEX #018DEE

CSS-Code:

background-image: radial-gradient(circle, #EF6001 12%, #018DEE 86%);

HEX #018DEE zu HEX #60EF01

CSS-Code:

background-image: linear-gradient(135deg, #018DEE 13%, #60EF01 98%);

HEX #018DEE zu HEX #60EF01

CSS-Code:

background-image: radial-gradient(circle, #018DEE 10%, #60EF01 92%);

HEX #60EF01 zu HEX #018DEE

CSS-Code:

background-image: linear-gradient(135deg, #60EF01 7%, #018DEE 97%);

HEX #60EF01 zu HEX #018DEE

CSS-Code:

background-image: radial-gradient(circle, #60EF01 11%, #018DEE 89%);

2-Farben Gradienten von #018DEE - Quadratische Farben

Linear

HEX #018DEE zu HEX #D701EF

CSS-Code:

background-image: linear-gradient(135deg, #018DEE 14%, #D701EF 87%);

Radial

HEX #018DEE zu HEX #D701EF

CSS-Code:

background-image: radial-gradient(circle, #018DEE 6%, #D701EF 93%);

HEX #D701EF zu HEX #018DEE

CSS-Code:

background-image: linear-gradient(135deg, #D701EF 13%, #018DEE 97%);

HEX #D701EF zu HEX #018DEE

CSS-Code:

background-image: radial-gradient(circle, #D701EF 8%, #018DEE 91%);

HEX #018DEE zu HEX #EF6001

CSS-Code:

background-image: linear-gradient(135deg, #018DEE 5%, #EF6001 94%);

HEX #018DEE zu HEX #EF6001

CSS-Code:

background-image: radial-gradient(circle, #018DEE 8%, #EF6001 96%);

HEX #EF6001 zu HEX #018DEE

CSS-Code:

background-image: linear-gradient(135deg, #EF6001 0%, #018DEE 97%);

HEX #EF6001 zu HEX #018DEE

CSS-Code:

background-image: radial-gradient(circle, #EF6001 4%, #018DEE 96%);

HEX #018DEE zu HEX #19EF01

CSS-Code:

background-image: linear-gradient(135deg, #018DEE 5%, #19EF01 94%);

HEX #018DEE zu HEX #19EF01

CSS-Code:

background-image: radial-gradient(circle, #018DEE 5%, #19EF01 97%);

HEX #19EF01 zu HEX #018DEE

CSS-Code:

background-image: linear-gradient(135deg, #19EF01 1%, #018DEE 94%);

HEX #19EF01 zu HEX #018DEE

CSS-Code:

background-image: radial-gradient(circle, #19EF01 14%, #018DEE 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)

Um Farbpaletten speichern zu können, ist eine Anmelung erforderlich.

Bei Ihrem Konto anmelden

oder

Erstellen Sie ein Konto

Aktuelle Farbpalette teilen
Soll sie öffentlich oder privat sein?
Link(s) folgen nach dem Teilen.

Öffentlich

Abbrechen Teilen

Farbpalette geteilt
Bitte kopieren und speichern Sie den gewünschten Link.

Teilen

Ansehen

OK, ich habe die Links kopiert

Ihre Farben werden in einer neuen Farbpalette gespeichert.
Sehen Sie sich diese unter Ihrem Profil an.
Sie können sie weiter anpassen, und teilen.

Farbpalette anzeigen

Erstellen Sie eine Farbpalette

HerunterladenHerunterladen in verschiedenen Formaten

Durch Klicken auf können Sie Paletten erstellen und die Farbfelder herunterladen.