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

✕

CSS Gradienten:
#CCA296

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 204 Rot, 162 Grün und 150 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 keine Cyan, 21 Magenta, 26 Gelb und 20 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 #CCA296 - Komplementärfarbe

Linear

HEX #CCA296 zu HEX #335D69

CSS-Code:

background-image: linear-gradient(135deg, #CCA296 10%, #335D69 92%);

Radial

HEX #CCA296 zu HEX #335D69

CSS-Code:

background-image: radial-gradient(circle, #CCA296 2%, #335D69 98%);

HEX #335D69 zu HEX #CCA296

CSS-Code:

background-image: linear-gradient(135deg, #335D69 5%, #CCA296 90%);

HEX #335D69 zu HEX #CCA296

CSS-Code:

background-image: radial-gradient(circle, #335D69 12%, #CCA296 88%);

2-Farben Gradienten von #CCA296 - Hellere Farbtöne

Linear

HEX #CCA296 zu HEX #CC9497

CSS-Code:

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

Radial

HEX #CCA296 zu HEX #CC9497

CSS-Code:

background-image: radial-gradient(circle, #CCA296 14%, #CC9497 96%);

HEX #CC9497 zu HEX #CCA296

CSS-Code:

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

HEX #CC9497 zu HEX #CCA296

CSS-Code:

background-image: radial-gradient(circle, #CC9497 12%, #CCA296 86%);

HEX #CCA296 zu HEX #CCA094

CSS-Code:

background-image: linear-gradient(135deg, #CCA296 12%, #CCA094 95%);

HEX #CCA296 zu HEX #CCA094

CSS-Code:

background-image: radial-gradient(circle, #CCA296 2%, #CCA094 95%);

HEX #CCA094 zu HEX #CCA296

CSS-Code:

background-image: linear-gradient(135deg, #CCA094 11%, #CCA296 91%);

HEX #CCA094 zu HEX #CCA296

CSS-Code:

background-image: radial-gradient(circle, #CCA094 4%, #CCA296 93%);

HEX #CCA296 zu HEX #CCAF94

CSS-Code:

background-image: linear-gradient(135deg, #CCA296 9%, #CCAF94 86%);

HEX #CCA296 zu HEX #CCAF94

CSS-Code:

background-image: radial-gradient(circle, #CCA296 2%, #CCAF94 98%);

HEX #CCAF94 zu HEX #CCA296

CSS-Code:

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

HEX #CCAF94 zu HEX #CCA296

CSS-Code:

background-image: radial-gradient(circle, #CCAF94 13%, #CCA296 97%);

HEX #CCA296 zu HEX #CCBE94

CSS-Code:

background-image: linear-gradient(135deg, #CCA296 7%, #CCBE94 96%);

HEX #CCA296 zu HEX #CCBE94

CSS-Code:

background-image: radial-gradient(circle, #CCA296 6%, #CCBE94 97%);

HEX #CCBE94 zu HEX #CCA296

CSS-Code:

background-image: linear-gradient(135deg, #CCBE94 8%, #CCA296 90%);

HEX #CCBE94 zu HEX #CCA296

CSS-Code:

background-image: radial-gradient(circle, #CCBE94 2%, #CCA296 87%);

2-Farben Gradienten von #CCA296 - Dunklere Farbtöne

Linear

HEX #CCA296 zu HEX #BE8878

CSS-Code:

background-image: linear-gradient(135deg, #CCA296 10%, #BE8878 88%);

Radial

HEX #CCA296 zu HEX #BE8878

CSS-Code:

background-image: radial-gradient(circle, #CCA296 6%, #BE8878 96%);

HEX #BE8878 zu HEX #CCA296

CSS-Code:

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

HEX #BE8878 zu HEX #CCA296

CSS-Code:

background-image: radial-gradient(circle, #BE8878 1%, #CCA296 92%);

HEX #CCA296 zu HEX #CCA194

CSS-Code:

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

HEX #CCA296 zu HEX #CCA194

CSS-Code:

background-image: radial-gradient(circle, #CCA296 11%, #CCA194 92%);

HEX #CCA194 zu HEX #CCA296

CSS-Code:

background-image: linear-gradient(135deg, #CCA194 14%, #CCA296 93%);

HEX #CCA194 zu HEX #CCA296

CSS-Code:

background-image: radial-gradient(circle, #CCA194 14%, #CCA296 95%);

HEX #CCA296 zu HEX #D9B9B0

CSS-Code:

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

HEX #CCA296 zu HEX #D9B9B0

CSS-Code:

background-image: radial-gradient(circle, #CCA296 7%, #D9B9B0 88%);

HEX #D9B9B0 zu HEX #CCA296

CSS-Code:

background-image: linear-gradient(135deg, #D9B9B0 14%, #CCA296 91%);

HEX #D9B9B0 zu HEX #CCA296

CSS-Code:

background-image: radial-gradient(circle, #D9B9B0 8%, #CCA296 92%);

HEX #CCA296 zu HEX #E6D2CC

CSS-Code:

background-image: linear-gradient(135deg, #CCA296 1%, #E6D2CC 95%);

HEX #CCA296 zu HEX #E6D2CC

CSS-Code:

background-image: radial-gradient(circle, #CCA296 13%, #E6D2CC 89%);

HEX #E6D2CC zu HEX #CCA296

CSS-Code:

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

HEX #E6D2CC zu HEX #CCA296

CSS-Code:

background-image: radial-gradient(circle, #E6D2CC 1%, #CCA296 96%);

2-Farben Gradienten von #CCA296 - Analoge Farben

Linear

HEX #CCA296 zu HEX #CC9497

CSS-Code:

background-image: linear-gradient(135deg, #CCA296 5%, #CC9497 88%);

Radial

HEX #CCA296 zu HEX #CC9497

CSS-Code:

background-image: radial-gradient(circle, #CCA296 2%, #CC9497 90%);

HEX #CC9497 zu HEX #CCA296

CSS-Code:

background-image: linear-gradient(135deg, #CC9497 1%, #CCA296 89%);

HEX #CC9497 zu HEX #CCA296

CSS-Code:

background-image: radial-gradient(circle, #CC9497 3%, #CCA296 90%);

HEX #CCA296 zu HEX #CCA094

CSS-Code:

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

HEX #CCA296 zu HEX #CCA094

CSS-Code:

background-image: radial-gradient(circle, #CCA296 13%, #CCA094 93%);

HEX #CCA094 zu HEX #CCA296

CSS-Code:

background-image: linear-gradient(135deg, #CCA094 1%, #CCA296 99%);

HEX #CCA094 zu HEX #CCA296

CSS-Code:

background-image: radial-gradient(circle, #CCA094 7%, #CCA296 90%);

HEX #CCA296 zu HEX #CCAF94

CSS-Code:

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

HEX #CCA296 zu HEX #CCAF94

CSS-Code:

background-image: radial-gradient(circle, #CCA296 2%, #CCAF94 86%);

HEX #CCAF94 zu HEX #CCA296

CSS-Code:

background-image: linear-gradient(135deg, #CCAF94 0%, #CCA296 90%);

HEX #CCAF94 zu HEX #CCA296

CSS-Code:

background-image: radial-gradient(circle, #CCAF94 2%, #CCA296 93%);

HEX #CCA296 zu HEX #CCBE94

CSS-Code:

background-image: linear-gradient(135deg, #CCA296 10%, #CCBE94 87%);

HEX #CCA296 zu HEX #CCBE94

CSS-Code:

background-image: radial-gradient(circle, #CCA296 7%, #CCBE94 93%);

HEX #CCBE94 zu HEX #CCA296

CSS-Code:

background-image: linear-gradient(135deg, #CCBE94 6%, #CCA296 100%);

HEX #CCBE94 zu HEX #CCA296

CSS-Code:

background-image: radial-gradient(circle, #CCBE94 0%, #CCA296 97%);

2-Farben Gradienten von #CCA296 - Monochromatische Farben

Linear

HEX #CCA296 zu HEX #BE8878

CSS-Code:

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

Radial

HEX #CCA296 zu HEX #BE8878

CSS-Code:

background-image: radial-gradient(circle, #CCA296 13%, #BE8878 96%);

HEX #BE8878 zu HEX #CCA296

CSS-Code:

background-image: linear-gradient(135deg, #BE8878 10%, #CCA296 96%);

HEX #BE8878 zu HEX #CCA296

CSS-Code:

background-image: radial-gradient(circle, #BE8878 3%, #CCA296 97%);

HEX #CCA296 zu HEX #CCA194

CSS-Code:

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

HEX #CCA296 zu HEX #CCA194

CSS-Code:

background-image: radial-gradient(circle, #CCA296 2%, #CCA194 95%);

HEX #CCA194 zu HEX #CCA296

CSS-Code:

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

HEX #CCA194 zu HEX #CCA296

CSS-Code:

background-image: radial-gradient(circle, #CCA194 12%, #CCA296 91%);

HEX #CCA296 zu HEX #D9B9B0

CSS-Code:

background-image: linear-gradient(135deg, #CCA296 11%, #D9B9B0 95%);

HEX #CCA296 zu HEX #D9B9B0

CSS-Code:

background-image: radial-gradient(circle, #CCA296 2%, #D9B9B0 98%);

HEX #D9B9B0 zu HEX #CCA296

CSS-Code:

background-image: linear-gradient(135deg, #D9B9B0 6%, #CCA296 89%);

HEX #D9B9B0 zu HEX #CCA296

CSS-Code:

background-image: radial-gradient(circle, #D9B9B0 9%, #CCA296 88%);

HEX #CCA296 zu HEX #E6D2CC

CSS-Code:

background-image: linear-gradient(135deg, #CCA296 10%, #E6D2CC 99%);

HEX #CCA296 zu HEX #E6D2CC

CSS-Code:

background-image: radial-gradient(circle, #CCA296 13%, #E6D2CC 89%);

HEX #E6D2CC zu HEX #CCA296

CSS-Code:

background-image: linear-gradient(135deg, #E6D2CC 13%, #CCA296 98%);

HEX #E6D2CC zu HEX #CCA296

CSS-Code:

background-image: radial-gradient(circle, #E6D2CC 5%, #CCA296 91%);

2-Farben Gradienten von #CCA296 - Teilkomplementär Farben

Linear

HEX #CCA296 zu HEX #B5CC94

CSS-Code:

background-image: linear-gradient(135deg, #CCA296 6%, #B5CC94 89%);

Radial

HEX #CCA296 zu HEX #B5CC94

CSS-Code:

background-image: radial-gradient(circle, #CCA296 2%, #B5CC94 98%);

HEX #B5CC94 zu HEX #CCA296

CSS-Code:

background-image: linear-gradient(135deg, #B5CC94 1%, #CCA296 88%);

HEX #B5CC94 zu HEX #CCA296

CSS-Code:

background-image: radial-gradient(circle, #B5CC94 8%, #CCA296 89%);

HEX #CCA296 zu HEX #949ECC

CSS-Code:

background-image: linear-gradient(135deg, #CCA296 0%, #949ECC 88%);

HEX #CCA296 zu HEX #949ECC

CSS-Code:

background-image: radial-gradient(circle, #CCA296 1%, #949ECC 100%);

HEX #949ECC zu HEX #CCA296

CSS-Code:

background-image: linear-gradient(135deg, #949ECC 2%, #CCA296 92%);

HEX #949ECC zu HEX #CCA296

CSS-Code:

background-image: radial-gradient(circle, #949ECC 3%, #CCA296 91%);

2-Farben Gradienten von #CCA296 - Triadische Farben

Linear

HEX #CCA296 zu HEX #94CCA0

CSS-Code:

background-image: linear-gradient(135deg, #CCA296 12%, #94CCA0 92%);

Radial

HEX #CCA296 zu HEX #94CCA0

CSS-Code:

background-image: radial-gradient(circle, #CCA296 4%, #94CCA0 97%);

HEX #94CCA0 zu HEX #CCA296

CSS-Code:

background-image: linear-gradient(135deg, #94CCA0 7%, #CCA296 88%);

HEX #94CCA0 zu HEX #CCA296

CSS-Code:

background-image: radial-gradient(circle, #94CCA0 8%, #CCA296 88%);

HEX #CCA296 zu HEX #A094CC

CSS-Code:

background-image: linear-gradient(135deg, #CCA296 5%, #A094CC 95%);

HEX #CCA296 zu HEX #A094CC

CSS-Code:

background-image: radial-gradient(circle, #CCA296 1%, #A094CC 97%);

HEX #A094CC zu HEX #CCA296

CSS-Code:

background-image: linear-gradient(135deg, #A094CC 10%, #CCA296 93%);

HEX #A094CC zu HEX #CCA296

CSS-Code:

background-image: radial-gradient(circle, #A094CC 11%, #CCA296 92%);

2-Farben Gradienten von #CCA296 - Rechteckige (Tetradische) Farben

Linear

HEX #CCA296 zu HEX #B5CC94

CSS-Code:

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

Radial

HEX #CCA296 zu HEX #B5CC94

CSS-Code:

background-image: radial-gradient(circle, #CCA296 7%, #B5CC94 91%);

HEX #B5CC94 zu HEX #CCA296

CSS-Code:

background-image: linear-gradient(135deg, #B5CC94 7%, #CCA296 98%);

HEX #B5CC94 zu HEX #CCA296

CSS-Code:

background-image: radial-gradient(circle, #B5CC94 9%, #CCA296 92%);

HEX #CCA296 zu HEX #94C0CC

CSS-Code:

background-image: linear-gradient(135deg, #CCA296 10%, #94C0CC 90%);

HEX #CCA296 zu HEX #94C0CC

CSS-Code:

background-image: radial-gradient(circle, #CCA296 9%, #94C0CC 86%);

HEX #94C0CC zu HEX #CCA296

CSS-Code:

background-image: linear-gradient(135deg, #94C0CC 0%, #CCA296 93%);

HEX #94C0CC zu HEX #CCA296

CSS-Code:

background-image: radial-gradient(circle, #94C0CC 11%, #CCA296 87%);

HEX #CCA296 zu HEX #AB94CC

CSS-Code:

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

HEX #CCA296 zu HEX #AB94CC

CSS-Code:

background-image: radial-gradient(circle, #CCA296 7%, #AB94CC 96%);

HEX #AB94CC zu HEX #CCA296

CSS-Code:

background-image: linear-gradient(135deg, #AB94CC 7%, #CCA296 97%);

HEX #AB94CC zu HEX #CCA296

CSS-Code:

background-image: radial-gradient(circle, #AB94CC 14%, #CCA296 98%);

2-Farben Gradienten von #CCA296 - Quadratische Farben

Linear

HEX #CCA296 zu HEX #A4CC94

CSS-Code:

background-image: linear-gradient(135deg, #CCA296 2%, #A4CC94 97%);

Radial

HEX #CCA296 zu HEX #A4CC94

CSS-Code:

background-image: radial-gradient(circle, #CCA296 8%, #A4CC94 86%);

HEX #A4CC94 zu HEX #CCA296

CSS-Code:

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

HEX #A4CC94 zu HEX #CCA296

CSS-Code:

background-image: radial-gradient(circle, #A4CC94 5%, #CCA296 90%);

HEX #CCA296 zu HEX #94C0CC

CSS-Code:

background-image: linear-gradient(135deg, #CCA296 0%, #94C0CC 89%);

HEX #CCA296 zu HEX #94C0CC

CSS-Code:

background-image: radial-gradient(circle, #CCA296 6%, #94C0CC 99%);

HEX #94C0CC zu HEX #CCA296

CSS-Code:

background-image: linear-gradient(135deg, #94C0CC 8%, #CCA296 92%);

HEX #94C0CC zu HEX #CCA296

CSS-Code:

background-image: radial-gradient(circle, #94C0CC 11%, #CCA296 95%);

HEX #CCA296 zu HEX #BC94CC

CSS-Code:

background-image: linear-gradient(135deg, #CCA296 10%, #BC94CC 96%);

HEX #CCA296 zu HEX #BC94CC

CSS-Code:

background-image: radial-gradient(circle, #CCA296 11%, #BC94CC 95%);

HEX #BC94CC zu HEX #CCA296

CSS-Code:

background-image: linear-gradient(135deg, #BC94CC 12%, #CCA296 98%);

HEX #BC94CC zu HEX #CCA296

CSS-Code:

background-image: radial-gradient(circle, #BC94CC 1%, #CCA296 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.