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

✕

CSS Gradienten:
#18D9DF

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 24 Rot, 217 Grün und 223 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 89 Cyan, 3 Magenta, keine Gelb und 13 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 #18D9DF - Komplementärfarbe

Linear

HEX #18D9DF zu HEX #E72620

CSS-Code:

background-image: linear-gradient(135deg, #18D9DF 2%, #E72620 87%);

Radial

HEX #18D9DF zu HEX #E72620

CSS-Code:

background-image: radial-gradient(circle, #18D9DF 3%, #E72620 87%);

HEX #E72620 zu HEX #18D9DF

CSS-Code:

background-image: linear-gradient(135deg, #E72620 6%, #18D9DF 95%);

HEX #E72620 zu HEX #18D9DF

CSS-Code:

background-image: radial-gradient(circle, #E72620 3%, #18D9DF 86%);

2-Farben Gradienten von #18D9DF - Hellere Farbtöne

Linear

HEX #18D9DF zu HEX #17DEAC

CSS-Code:

background-image: linear-gradient(135deg, #18D9DF 5%, #17DEAC 100%);

Radial

HEX #18D9DF zu HEX #17DEAC

CSS-Code:

background-image: radial-gradient(circle, #18D9DF 14%, #17DEAC 98%);

HEX #17DEAC zu HEX #18D9DF

CSS-Code:

background-image: linear-gradient(135deg, #17DEAC 14%, #18D9DF 87%);

HEX #17DEAC zu HEX #18D9DF

CSS-Code:

background-image: radial-gradient(circle, #17DEAC 14%, #18D9DF 95%);

HEX #18D9DF zu HEX #17DADE

CSS-Code:

background-image: linear-gradient(135deg, #18D9DF 8%, #17DADE 90%);

HEX #18D9DF zu HEX #17DADE

CSS-Code:

background-image: radial-gradient(circle, #18D9DF 10%, #17DADE 94%);

HEX #17DADE zu HEX #18D9DF

CSS-Code:

background-image: linear-gradient(135deg, #17DADE 6%, #18D9DF 96%);

HEX #17DADE zu HEX #18D9DF

CSS-Code:

background-image: radial-gradient(circle, #17DADE 4%, #18D9DF 99%);

HEX #18D9DF zu HEX #17A5DE

CSS-Code:

background-image: linear-gradient(135deg, #18D9DF 6%, #17A5DE 89%);

HEX #18D9DF zu HEX #17A5DE

CSS-Code:

background-image: radial-gradient(circle, #18D9DF 3%, #17A5DE 98%);

HEX #17A5DE zu HEX #18D9DF

CSS-Code:

background-image: linear-gradient(135deg, #17A5DE 14%, #18D9DF 90%);

HEX #17A5DE zu HEX #18D9DF

CSS-Code:

background-image: radial-gradient(circle, #17A5DE 14%, #18D9DF 92%);

HEX #18D9DF zu HEX #1770DE

CSS-Code:

background-image: linear-gradient(135deg, #18D9DF 3%, #1770DE 98%);

HEX #18D9DF zu HEX #1770DE

CSS-Code:

background-image: radial-gradient(circle, #18D9DF 5%, #1770DE 90%);

HEX #1770DE zu HEX #18D9DF

CSS-Code:

background-image: linear-gradient(135deg, #1770DE 3%, #18D9DF 97%);

HEX #1770DE zu HEX #18D9DF

CSS-Code:

background-image: radial-gradient(circle, #1770DE 13%, #18D9DF 95%);

2-Farben Gradienten von #18D9DF - Dunklere Farbtöne

Linear

HEX #18D9DF zu HEX #13B3B8

CSS-Code:

background-image: linear-gradient(135deg, #18D9DF 2%, #13B3B8 90%);

Radial

HEX #18D9DF zu HEX #13B3B8

CSS-Code:

background-image: radial-gradient(circle, #18D9DF 5%, #13B3B8 93%);

HEX #13B3B8 zu HEX #18D9DF

CSS-Code:

background-image: linear-gradient(135deg, #13B3B8 7%, #18D9DF 96%);

HEX #13B3B8 zu HEX #18D9DF

CSS-Code:

background-image: radial-gradient(circle, #13B3B8 9%, #18D9DF 93%);

HEX #18D9DF zu HEX #17D8DE

CSS-Code:

background-image: linear-gradient(135deg, #18D9DF 0%, #17D8DE 93%);

HEX #18D9DF zu HEX #17D8DE

CSS-Code:

background-image: radial-gradient(circle, #18D9DF 3%, #17D8DE 88%);

HEX #17D8DE zu HEX #18D9DF

CSS-Code:

background-image: linear-gradient(135deg, #17D8DE 2%, #18D9DF 97%);

HEX #17D8DE zu HEX #18D9DF

CSS-Code:

background-image: radial-gradient(circle, #17D8DE 8%, #18D9DF 93%);

HEX #18D9DF zu HEX #34E4EA

CSS-Code:

background-image: linear-gradient(135deg, #18D9DF 11%, #34E4EA 90%);

HEX #18D9DF zu HEX #34E4EA

CSS-Code:

background-image: radial-gradient(circle, #18D9DF 1%, #34E4EA 99%);

HEX #34E4EA zu HEX #18D9DF

CSS-Code:

background-image: linear-gradient(135deg, #34E4EA 6%, #18D9DF 94%);

HEX #34E4EA zu HEX #18D9DF

CSS-Code:

background-image: radial-gradient(circle, #34E4EA 5%, #18D9DF 92%);

HEX #18D9DF zu HEX #5AE9EE

CSS-Code:

background-image: linear-gradient(135deg, #18D9DF 2%, #5AE9EE 88%);

HEX #18D9DF zu HEX #5AE9EE

CSS-Code:

background-image: radial-gradient(circle, #18D9DF 6%, #5AE9EE 97%);

HEX #5AE9EE zu HEX #18D9DF

CSS-Code:

background-image: linear-gradient(135deg, #5AE9EE 1%, #18D9DF 100%);

HEX #5AE9EE zu HEX #18D9DF

CSS-Code:

background-image: radial-gradient(circle, #5AE9EE 10%, #18D9DF 96%);

2-Farben Gradienten von #18D9DF - Analoge Farben

Linear

HEX #18D9DF zu HEX #17DEAC

CSS-Code:

background-image: linear-gradient(135deg, #18D9DF 10%, #17DEAC 91%);

Radial

HEX #18D9DF zu HEX #17DEAC

CSS-Code:

background-image: radial-gradient(circle, #18D9DF 4%, #17DEAC 88%);

HEX #17DEAC zu HEX #18D9DF

CSS-Code:

background-image: linear-gradient(135deg, #17DEAC 5%, #18D9DF 90%);

HEX #17DEAC zu HEX #18D9DF

CSS-Code:

background-image: radial-gradient(circle, #17DEAC 14%, #18D9DF 95%);

HEX #18D9DF zu HEX #17DADE

CSS-Code:

background-image: linear-gradient(135deg, #18D9DF 3%, #17DADE 94%);

HEX #18D9DF zu HEX #17DADE

CSS-Code:

background-image: radial-gradient(circle, #18D9DF 1%, #17DADE 94%);

HEX #17DADE zu HEX #18D9DF

CSS-Code:

background-image: linear-gradient(135deg, #17DADE 10%, #18D9DF 90%);

HEX #17DADE zu HEX #18D9DF

CSS-Code:

background-image: radial-gradient(circle, #17DADE 14%, #18D9DF 96%);

HEX #18D9DF zu HEX #17A5DE

CSS-Code:

background-image: linear-gradient(135deg, #18D9DF 2%, #17A5DE 100%);

HEX #18D9DF zu HEX #17A5DE

CSS-Code:

background-image: radial-gradient(circle, #18D9DF 0%, #17A5DE 89%);

HEX #17A5DE zu HEX #18D9DF

CSS-Code:

background-image: linear-gradient(135deg, #17A5DE 5%, #18D9DF 90%);

HEX #17A5DE zu HEX #18D9DF

CSS-Code:

background-image: radial-gradient(circle, #17A5DE 13%, #18D9DF 86%);

HEX #18D9DF zu HEX #1770DE

CSS-Code:

background-image: linear-gradient(135deg, #18D9DF 12%, #1770DE 98%);

HEX #18D9DF zu HEX #1770DE

CSS-Code:

background-image: radial-gradient(circle, #18D9DF 0%, #1770DE 86%);

HEX #1770DE zu HEX #18D9DF

CSS-Code:

background-image: linear-gradient(135deg, #1770DE 6%, #18D9DF 89%);

HEX #1770DE zu HEX #18D9DF

CSS-Code:

background-image: radial-gradient(circle, #1770DE 6%, #18D9DF 88%);

2-Farben Gradienten von #18D9DF - Monochromatische Farben

Linear

HEX #18D9DF zu HEX #13B3B8

CSS-Code:

background-image: linear-gradient(135deg, #18D9DF 8%, #13B3B8 90%);

Radial

HEX #18D9DF zu HEX #13B3B8

CSS-Code:

background-image: radial-gradient(circle, #18D9DF 5%, #13B3B8 99%);

HEX #13B3B8 zu HEX #18D9DF

CSS-Code:

background-image: linear-gradient(135deg, #13B3B8 2%, #18D9DF 98%);

HEX #13B3B8 zu HEX #18D9DF

CSS-Code:

background-image: radial-gradient(circle, #13B3B8 4%, #18D9DF 95%);

HEX #18D9DF zu HEX #17D8DE

CSS-Code:

background-image: linear-gradient(135deg, #18D9DF 0%, #17D8DE 100%);

HEX #18D9DF zu HEX #17D8DE

CSS-Code:

background-image: radial-gradient(circle, #18D9DF 9%, #17D8DE 99%);

HEX #17D8DE zu HEX #18D9DF

CSS-Code:

background-image: linear-gradient(135deg, #17D8DE 3%, #18D9DF 89%);

HEX #17D8DE zu HEX #18D9DF

CSS-Code:

background-image: radial-gradient(circle, #17D8DE 13%, #18D9DF 87%);

HEX #18D9DF zu HEX #34E4EA

CSS-Code:

background-image: linear-gradient(135deg, #18D9DF 1%, #34E4EA 91%);

HEX #18D9DF zu HEX #34E4EA

CSS-Code:

background-image: radial-gradient(circle, #18D9DF 4%, #34E4EA 95%);

HEX #34E4EA zu HEX #18D9DF

CSS-Code:

background-image: linear-gradient(135deg, #34E4EA 12%, #18D9DF 94%);

HEX #34E4EA zu HEX #18D9DF

CSS-Code:

background-image: radial-gradient(circle, #34E4EA 7%, #18D9DF 91%);

HEX #18D9DF zu HEX #5AE9EE

CSS-Code:

background-image: linear-gradient(135deg, #18D9DF 1%, #5AE9EE 91%);

HEX #18D9DF zu HEX #5AE9EE

CSS-Code:

background-image: radial-gradient(circle, #18D9DF 11%, #5AE9EE 90%);

HEX #5AE9EE zu HEX #18D9DF

CSS-Code:

background-image: linear-gradient(135deg, #5AE9EE 12%, #18D9DF 96%);

HEX #5AE9EE zu HEX #18D9DF

CSS-Code:

background-image: radial-gradient(circle, #5AE9EE 8%, #18D9DF 96%);

2-Farben Gradienten von #18D9DF - Teilkomplementär Farben

Linear

HEX #18D9DF zu HEX #4217DE

CSS-Code:

background-image: linear-gradient(135deg, #18D9DF 4%, #4217DE 93%);

Radial

HEX #18D9DF zu HEX #4217DE

CSS-Code:

background-image: radial-gradient(circle, #18D9DF 3%, #4217DE 93%);

HEX #4217DE zu HEX #18D9DF

CSS-Code:

background-image: linear-gradient(135deg, #4217DE 0%, #18D9DF 98%);

HEX #4217DE zu HEX #18D9DF

CSS-Code:

background-image: radial-gradient(circle, #4217DE 6%, #18D9DF 99%);

HEX #18D9DF zu HEX #DE9217

CSS-Code:

background-image: linear-gradient(135deg, #18D9DF 8%, #DE9217 99%);

HEX #18D9DF zu HEX #DE9217

CSS-Code:

background-image: radial-gradient(circle, #18D9DF 2%, #DE9217 88%);

HEX #DE9217 zu HEX #18D9DF

CSS-Code:

background-image: linear-gradient(135deg, #DE9217 0%, #18D9DF 93%);

HEX #DE9217 zu HEX #18D9DF

CSS-Code:

background-image: radial-gradient(circle, #DE9217 11%, #18D9DF 91%);

2-Farben Gradienten von #18D9DF - Triadische Farben

Linear

HEX #18D9DF zu HEX #DE17DA

CSS-Code:

background-image: linear-gradient(135deg, #18D9DF 11%, #DE17DA 86%);

Radial

HEX #18D9DF zu HEX #DE17DA

CSS-Code:

background-image: radial-gradient(circle, #18D9DF 0%, #DE17DA 89%);

HEX #DE17DA zu HEX #18D9DF

CSS-Code:

background-image: linear-gradient(135deg, #DE17DA 0%, #18D9DF 97%);

HEX #DE17DA zu HEX #18D9DF

CSS-Code:

background-image: radial-gradient(circle, #DE17DA 7%, #18D9DF 88%);

HEX #18D9DF zu HEX #DADE17

CSS-Code:

background-image: linear-gradient(135deg, #18D9DF 13%, #DADE17 94%);

HEX #18D9DF zu HEX #DADE17

CSS-Code:

background-image: radial-gradient(circle, #18D9DF 13%, #DADE17 89%);

HEX #DADE17 zu HEX #18D9DF

CSS-Code:

background-image: linear-gradient(135deg, #DADE17 2%, #18D9DF 95%);

HEX #DADE17 zu HEX #18D9DF

CSS-Code:

background-image: radial-gradient(circle, #DADE17 0%, #18D9DF 98%);

2-Farben Gradienten von #18D9DF - Rechteckige (Tetradische) Farben

Linear

HEX #18D9DF zu HEX #4217DE

CSS-Code:

background-image: linear-gradient(135deg, #18D9DF 3%, #4217DE 90%);

Radial

HEX #18D9DF zu HEX #4217DE

CSS-Code:

background-image: radial-gradient(circle, #18D9DF 5%, #4217DE 86%);

HEX #4217DE zu HEX #18D9DF

CSS-Code:

background-image: linear-gradient(135deg, #4217DE 0%, #18D9DF 99%);

HEX #4217DE zu HEX #18D9DF

CSS-Code:

background-image: radial-gradient(circle, #4217DE 13%, #18D9DF 93%);

HEX #18D9DF zu HEX #DE1B17

CSS-Code:

background-image: linear-gradient(135deg, #18D9DF 14%, #DE1B17 99%);

HEX #18D9DF zu HEX #DE1B17

CSS-Code:

background-image: radial-gradient(circle, #18D9DF 4%, #DE1B17 97%);

HEX #DE1B17 zu HEX #18D9DF

CSS-Code:

background-image: linear-gradient(135deg, #DE1B17 8%, #18D9DF 86%);

HEX #DE1B17 zu HEX #18D9DF

CSS-Code:

background-image: radial-gradient(circle, #DE1B17 8%, #18D9DF 99%);

HEX #18D9DF zu HEX #B3DE17

CSS-Code:

background-image: linear-gradient(135deg, #18D9DF 5%, #B3DE17 93%);

HEX #18D9DF zu HEX #B3DE17

CSS-Code:

background-image: radial-gradient(circle, #18D9DF 10%, #B3DE17 87%);

HEX #B3DE17 zu HEX #18D9DF

CSS-Code:

background-image: linear-gradient(135deg, #B3DE17 8%, #18D9DF 87%);

HEX #B3DE17 zu HEX #18D9DF

CSS-Code:

background-image: radial-gradient(circle, #B3DE17 12%, #18D9DF 92%);

2-Farben Gradienten von #18D9DF - Quadratische Farben

Linear

HEX #18D9DF zu HEX #7E17DE

CSS-Code:

background-image: linear-gradient(135deg, #18D9DF 13%, #7E17DE 86%);

Radial

HEX #18D9DF zu HEX #7E17DE

CSS-Code:

background-image: radial-gradient(circle, #18D9DF 1%, #7E17DE 100%);

HEX #7E17DE zu HEX #18D9DF

CSS-Code:

background-image: linear-gradient(135deg, #7E17DE 1%, #18D9DF 88%);

HEX #7E17DE zu HEX #18D9DF

CSS-Code:

background-image: radial-gradient(circle, #7E17DE 8%, #18D9DF 98%);

HEX #18D9DF zu HEX #DE1B17

CSS-Code:

background-image: linear-gradient(135deg, #18D9DF 10%, #DE1B17 92%);

HEX #18D9DF zu HEX #DE1B17

CSS-Code:

background-image: radial-gradient(circle, #18D9DF 6%, #DE1B17 95%);

HEX #DE1B17 zu HEX #18D9DF

CSS-Code:

background-image: linear-gradient(135deg, #DE1B17 8%, #18D9DF 95%);

HEX #DE1B17 zu HEX #18D9DF

CSS-Code:

background-image: radial-gradient(circle, #DE1B17 7%, #18D9DF 97%);

HEX #18D9DF zu HEX #77DE17

CSS-Code:

background-image: linear-gradient(135deg, #18D9DF 14%, #77DE17 95%);

HEX #18D9DF zu HEX #77DE17

CSS-Code:

background-image: radial-gradient(circle, #18D9DF 14%, #77DE17 96%);

HEX #77DE17 zu HEX #18D9DF

CSS-Code:

background-image: linear-gradient(135deg, #77DE17 14%, #18D9DF 91%);

HEX #77DE17 zu HEX #18D9DF

CSS-Code:

background-image: radial-gradient(circle, #77DE17 5%, #18D9DF 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)

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.