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

✕

CSS Gradienten:
#65BBAF

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 101 Rot, 187 Grün und 175 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 46 Cyan, keine Magenta, 6 Gelb und 27 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 #65BBAF - Komplementärfarbe

Linear

HEX #65BBAF zu HEX #9A4450

CSS-Code:

background-image: linear-gradient(135deg, #65BBAF 11%, #9A4450 88%);

Radial

HEX #65BBAF zu HEX #9A4450

CSS-Code:

background-image: radial-gradient(circle, #65BBAF 7%, #9A4450 92%);

HEX #9A4450 zu HEX #65BBAF

CSS-Code:

background-image: linear-gradient(135deg, #9A4450 4%, #65BBAF 88%);

HEX #9A4450 zu HEX #65BBAF

CSS-Code:

background-image: radial-gradient(circle, #9A4450 1%, #65BBAF 94%);

2-Farben Gradienten von #65BBAF - Hellere Farbtöne

Linear

HEX #65BBAF zu HEX #63BB96

CSS-Code:

background-image: linear-gradient(135deg, #65BBAF 4%, #63BB96 100%);

Radial

HEX #65BBAF zu HEX #63BB96

CSS-Code:

background-image: radial-gradient(circle, #65BBAF 7%, #63BB96 99%);

HEX #63BB96 zu HEX #65BBAF

CSS-Code:

background-image: linear-gradient(135deg, #63BB96 0%, #65BBAF 87%);

HEX #63BB96 zu HEX #65BBAF

CSS-Code:

background-image: radial-gradient(circle, #63BB96 3%, #65BBAF 92%);

HEX #65BBAF zu HEX #63BBAD

CSS-Code:

background-image: linear-gradient(135deg, #65BBAF 9%, #63BBAD 92%);

HEX #65BBAF zu HEX #63BBAD

CSS-Code:

background-image: radial-gradient(circle, #65BBAF 4%, #63BBAD 94%);

HEX #63BBAD zu HEX #65BBAF

CSS-Code:

background-image: linear-gradient(135deg, #63BBAD 8%, #65BBAF 87%);

HEX #63BBAD zu HEX #65BBAF

CSS-Code:

background-image: radial-gradient(circle, #63BBAD 3%, #65BBAF 100%);

HEX #65BBAF zu HEX #63B0BB

CSS-Code:

background-image: linear-gradient(135deg, #65BBAF 11%, #63B0BB 89%);

HEX #65BBAF zu HEX #63B0BB

CSS-Code:

background-image: radial-gradient(circle, #65BBAF 5%, #63B0BB 90%);

HEX #63B0BB zu HEX #65BBAF

CSS-Code:

background-image: linear-gradient(135deg, #63B0BB 0%, #65BBAF 87%);

HEX #63B0BB zu HEX #65BBAF

CSS-Code:

background-image: radial-gradient(circle, #63B0BB 5%, #65BBAF 87%);

HEX #65BBAF zu HEX #6399BB

CSS-Code:

background-image: linear-gradient(135deg, #65BBAF 9%, #6399BB 87%);

HEX #65BBAF zu HEX #6399BB

CSS-Code:

background-image: radial-gradient(circle, #65BBAF 4%, #6399BB 95%);

HEX #6399BB zu HEX #65BBAF

CSS-Code:

background-image: linear-gradient(135deg, #6399BB 6%, #65BBAF 96%);

HEX #6399BB zu HEX #65BBAF

CSS-Code:

background-image: radial-gradient(circle, #6399BB 5%, #65BBAF 96%);

2-Farben Gradienten von #65BBAF - Dunklere Farbtöne

Linear

HEX #65BBAF zu HEX #4BAA9D

CSS-Code:

background-image: linear-gradient(135deg, #65BBAF 14%, #4BAA9D 93%);

Radial

HEX #65BBAF zu HEX #4BAA9D

CSS-Code:

background-image: radial-gradient(circle, #65BBAF 3%, #4BAA9D 87%);

HEX #4BAA9D zu HEX #65BBAF

CSS-Code:

background-image: linear-gradient(135deg, #4BAA9D 0%, #65BBAF 87%);

HEX #4BAA9D zu HEX #65BBAF

CSS-Code:

background-image: radial-gradient(circle, #4BAA9D 14%, #65BBAF 96%);

HEX #65BBAF zu HEX #63BBAE

CSS-Code:

background-image: linear-gradient(135deg, #65BBAF 9%, #63BBAE 95%);

HEX #65BBAF zu HEX #63BBAE

CSS-Code:

background-image: radial-gradient(circle, #65BBAF 14%, #63BBAE 88%);

HEX #63BBAE zu HEX #65BBAF

CSS-Code:

background-image: linear-gradient(135deg, #63BBAE 14%, #65BBAF 98%);

HEX #63BBAE zu HEX #65BBAF

CSS-Code:

background-image: radial-gradient(circle, #63BBAE 5%, #65BBAF 98%);

HEX #65BBAF zu HEX #80C7BD

CSS-Code:

background-image: linear-gradient(135deg, #65BBAF 11%, #80C7BD 86%);

HEX #65BBAF zu HEX #80C7BD

CSS-Code:

background-image: radial-gradient(circle, #65BBAF 14%, #80C7BD 95%);

HEX #80C7BD zu HEX #65BBAF

CSS-Code:

background-image: linear-gradient(135deg, #80C7BD 11%, #65BBAF 92%);

HEX #80C7BD zu HEX #65BBAF

CSS-Code:

background-image: radial-gradient(circle, #80C7BD 5%, #65BBAF 96%);

HEX #65BBAF zu HEX #9CD4CC

CSS-Code:

background-image: linear-gradient(135deg, #65BBAF 11%, #9CD4CC 88%);

HEX #65BBAF zu HEX #9CD4CC

CSS-Code:

background-image: radial-gradient(circle, #65BBAF 12%, #9CD4CC 100%);

HEX #9CD4CC zu HEX #65BBAF

CSS-Code:

background-image: linear-gradient(135deg, #9CD4CC 0%, #65BBAF 87%);

HEX #9CD4CC zu HEX #65BBAF

CSS-Code:

background-image: radial-gradient(circle, #9CD4CC 6%, #65BBAF 88%);

2-Farben Gradienten von #65BBAF - Analoge Farben

Linear

HEX #65BBAF zu HEX #63BB96

CSS-Code:

background-image: linear-gradient(135deg, #65BBAF 8%, #63BB96 94%);

Radial

HEX #65BBAF zu HEX #63BB96

CSS-Code:

background-image: radial-gradient(circle, #65BBAF 7%, #63BB96 96%);

HEX #63BB96 zu HEX #65BBAF

CSS-Code:

background-image: linear-gradient(135deg, #63BB96 0%, #65BBAF 94%);

HEX #63BB96 zu HEX #65BBAF

CSS-Code:

background-image: radial-gradient(circle, #63BB96 7%, #65BBAF 90%);

HEX #65BBAF zu HEX #63BBAD

CSS-Code:

background-image: linear-gradient(135deg, #65BBAF 0%, #63BBAD 92%);

HEX #65BBAF zu HEX #63BBAD

CSS-Code:

background-image: radial-gradient(circle, #65BBAF 8%, #63BBAD 95%);

HEX #63BBAD zu HEX #65BBAF

CSS-Code:

background-image: linear-gradient(135deg, #63BBAD 2%, #65BBAF 97%);

HEX #63BBAD zu HEX #65BBAF

CSS-Code:

background-image: radial-gradient(circle, #63BBAD 3%, #65BBAF 98%);

HEX #65BBAF zu HEX #63B0BB

CSS-Code:

background-image: linear-gradient(135deg, #65BBAF 4%, #63B0BB 94%);

HEX #65BBAF zu HEX #63B0BB

CSS-Code:

background-image: radial-gradient(circle, #65BBAF 1%, #63B0BB 86%);

HEX #63B0BB zu HEX #65BBAF

CSS-Code:

background-image: linear-gradient(135deg, #63B0BB 3%, #65BBAF 87%);

HEX #63B0BB zu HEX #65BBAF

CSS-Code:

background-image: radial-gradient(circle, #63B0BB 11%, #65BBAF 87%);

HEX #65BBAF zu HEX #6399BB

CSS-Code:

background-image: linear-gradient(135deg, #65BBAF 9%, #6399BB 90%);

HEX #65BBAF zu HEX #6399BB

CSS-Code:

background-image: radial-gradient(circle, #65BBAF 6%, #6399BB 95%);

HEX #6399BB zu HEX #65BBAF

CSS-Code:

background-image: linear-gradient(135deg, #6399BB 7%, #65BBAF 100%);

HEX #6399BB zu HEX #65BBAF

CSS-Code:

background-image: radial-gradient(circle, #6399BB 6%, #65BBAF 88%);

2-Farben Gradienten von #65BBAF - Monochromatische Farben

Linear

HEX #65BBAF zu HEX #4BAA9D

CSS-Code:

background-image: linear-gradient(135deg, #65BBAF 1%, #4BAA9D 91%);

Radial

HEX #65BBAF zu HEX #4BAA9D

CSS-Code:

background-image: radial-gradient(circle, #65BBAF 3%, #4BAA9D 86%);

HEX #4BAA9D zu HEX #65BBAF

CSS-Code:

background-image: linear-gradient(135deg, #4BAA9D 10%, #65BBAF 97%);

HEX #4BAA9D zu HEX #65BBAF

CSS-Code:

background-image: radial-gradient(circle, #4BAA9D 5%, #65BBAF 96%);

HEX #65BBAF zu HEX #63BBAE

CSS-Code:

background-image: linear-gradient(135deg, #65BBAF 8%, #63BBAE 91%);

HEX #65BBAF zu HEX #63BBAE

CSS-Code:

background-image: radial-gradient(circle, #65BBAF 12%, #63BBAE 95%);

HEX #63BBAE zu HEX #65BBAF

CSS-Code:

background-image: linear-gradient(135deg, #63BBAE 13%, #65BBAF 91%);

HEX #63BBAE zu HEX #65BBAF

CSS-Code:

background-image: radial-gradient(circle, #63BBAE 11%, #65BBAF 100%);

HEX #65BBAF zu HEX #80C7BD

CSS-Code:

background-image: linear-gradient(135deg, #65BBAF 14%, #80C7BD 89%);

HEX #65BBAF zu HEX #80C7BD

CSS-Code:

background-image: radial-gradient(circle, #65BBAF 12%, #80C7BD 100%);

HEX #80C7BD zu HEX #65BBAF

CSS-Code:

background-image: linear-gradient(135deg, #80C7BD 6%, #65BBAF 96%);

HEX #80C7BD zu HEX #65BBAF

CSS-Code:

background-image: radial-gradient(circle, #80C7BD 9%, #65BBAF 92%);

HEX #65BBAF zu HEX #9CD4CC

CSS-Code:

background-image: linear-gradient(135deg, #65BBAF 13%, #9CD4CC 96%);

HEX #65BBAF zu HEX #9CD4CC

CSS-Code:

background-image: radial-gradient(circle, #65BBAF 4%, #9CD4CC 86%);

HEX #9CD4CC zu HEX #65BBAF

CSS-Code:

background-image: linear-gradient(135deg, #9CD4CC 10%, #65BBAF 99%);

HEX #9CD4CC zu HEX #65BBAF

CSS-Code:

background-image: radial-gradient(circle, #9CD4CC 12%, #65BBAF 90%);

2-Farben Gradienten von #65BBAF - Teilkomplementär Farben

Linear

HEX #65BBAF zu HEX #6763BB

CSS-Code:

background-image: linear-gradient(135deg, #65BBAF 2%, #6763BB 100%);

Radial

HEX #65BBAF zu HEX #6763BB

CSS-Code:

background-image: radial-gradient(circle, #65BBAF 10%, #6763BB 97%);

HEX #6763BB zu HEX #65BBAF

CSS-Code:

background-image: linear-gradient(135deg, #6763BB 12%, #65BBAF 97%);

HEX #6763BB zu HEX #65BBAF

CSS-Code:

background-image: radial-gradient(circle, #6763BB 5%, #65BBAF 87%);

HEX #65BBAF zu HEX #BB8A63

CSS-Code:

background-image: linear-gradient(135deg, #65BBAF 13%, #BB8A63 97%);

HEX #65BBAF zu HEX #BB8A63

CSS-Code:

background-image: radial-gradient(circle, #65BBAF 12%, #BB8A63 95%);

HEX #BB8A63 zu HEX #65BBAF

CSS-Code:

background-image: linear-gradient(135deg, #BB8A63 14%, #65BBAF 99%);

HEX #BB8A63 zu HEX #65BBAF

CSS-Code:

background-image: radial-gradient(circle, #BB8A63 13%, #65BBAF 89%);

2-Farben Gradienten von #65BBAF - Triadische Farben

Linear

HEX #65BBAF zu HEX #AD63BB

CSS-Code:

background-image: linear-gradient(135deg, #65BBAF 14%, #AD63BB 92%);

Radial

HEX #65BBAF zu HEX #AD63BB

CSS-Code:

background-image: radial-gradient(circle, #65BBAF 4%, #AD63BB 98%);

HEX #AD63BB zu HEX #65BBAF

CSS-Code:

background-image: linear-gradient(135deg, #AD63BB 13%, #65BBAF 94%);

HEX #AD63BB zu HEX #65BBAF

CSS-Code:

background-image: radial-gradient(circle, #AD63BB 10%, #65BBAF 96%);

HEX #65BBAF zu HEX #BBAD63

CSS-Code:

background-image: linear-gradient(135deg, #65BBAF 11%, #BBAD63 86%);

HEX #65BBAF zu HEX #BBAD63

CSS-Code:

background-image: radial-gradient(circle, #65BBAF 6%, #BBAD63 89%);

HEX #BBAD63 zu HEX #65BBAF

CSS-Code:

background-image: linear-gradient(135deg, #BBAD63 4%, #65BBAF 93%);

HEX #BBAD63 zu HEX #65BBAF

CSS-Code:

background-image: radial-gradient(circle, #BBAD63 5%, #65BBAF 100%);

2-Farben Gradienten von #65BBAF - Rechteckige (Tetradische) Farben

Linear

HEX #65BBAF zu HEX #6763BB

CSS-Code:

background-image: linear-gradient(135deg, #65BBAF 14%, #6763BB 97%);

Radial

HEX #65BBAF zu HEX #6763BB

CSS-Code:

background-image: radial-gradient(circle, #65BBAF 7%, #6763BB 93%);

HEX #6763BB zu HEX #65BBAF

CSS-Code:

background-image: linear-gradient(135deg, #6763BB 3%, #65BBAF 94%);

HEX #6763BB zu HEX #65BBAF

CSS-Code:

background-image: radial-gradient(circle, #6763BB 2%, #65BBAF 94%);

HEX #65BBAF zu HEX #BB6370

CSS-Code:

background-image: linear-gradient(135deg, #65BBAF 10%, #BB6370 94%);

HEX #65BBAF zu HEX #BB6370

CSS-Code:

background-image: radial-gradient(circle, #65BBAF 11%, #BB6370 93%);

HEX #BB6370 zu HEX #65BBAF

CSS-Code:

background-image: linear-gradient(135deg, #BB6370 2%, #65BBAF 94%);

HEX #BB6370 zu HEX #65BBAF

CSS-Code:

background-image: radial-gradient(circle, #BB6370 12%, #65BBAF 97%);

HEX #65BBAF zu HEX #B6BB63

CSS-Code:

background-image: linear-gradient(135deg, #65BBAF 1%, #B6BB63 86%);

HEX #65BBAF zu HEX #B6BB63

CSS-Code:

background-image: radial-gradient(circle, #65BBAF 5%, #B6BB63 91%);

HEX #B6BB63 zu HEX #65BBAF

CSS-Code:

background-image: linear-gradient(135deg, #B6BB63 2%, #65BBAF 92%);

HEX #B6BB63 zu HEX #65BBAF

CSS-Code:

background-image: radial-gradient(circle, #B6BB63 13%, #65BBAF 90%);

2-Farben Gradienten von #65BBAF - Quadratische Farben

Linear

HEX #65BBAF zu HEX #8263BB

CSS-Code:

background-image: linear-gradient(135deg, #65BBAF 13%, #8263BB 90%);

Radial

HEX #65BBAF zu HEX #8263BB

CSS-Code:

background-image: radial-gradient(circle, #65BBAF 4%, #8263BB 97%);

HEX #8263BB zu HEX #65BBAF

CSS-Code:

background-image: linear-gradient(135deg, #8263BB 14%, #65BBAF 88%);

HEX #8263BB zu HEX #65BBAF

CSS-Code:

background-image: radial-gradient(circle, #8263BB 13%, #65BBAF 96%);

HEX #65BBAF zu HEX #BB6370

CSS-Code:

background-image: linear-gradient(135deg, #65BBAF 6%, #BB6370 96%);

HEX #65BBAF zu HEX #BB6370

CSS-Code:

background-image: radial-gradient(circle, #65BBAF 6%, #BB6370 89%);

HEX #BB6370 zu HEX #65BBAF

CSS-Code:

background-image: linear-gradient(135deg, #BB6370 10%, #65BBAF 100%);

HEX #BB6370 zu HEX #65BBAF

CSS-Code:

background-image: radial-gradient(circle, #BB6370 1%, #65BBAF 86%);

HEX #65BBAF zu HEX #9CBB63

CSS-Code:

background-image: linear-gradient(135deg, #65BBAF 7%, #9CBB63 97%);

HEX #65BBAF zu HEX #9CBB63

CSS-Code:

background-image: radial-gradient(circle, #65BBAF 5%, #9CBB63 87%);

HEX #9CBB63 zu HEX #65BBAF

CSS-Code:

background-image: linear-gradient(135deg, #9CBB63 2%, #65BBAF 86%);

HEX #9CBB63 zu HEX #65BBAF

CSS-Code:

background-image: radial-gradient(circle, #9CBB63 4%, #65BBAF 91%);

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.