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

✕

CSS Gradienten:
#DBB686

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 219 Rot, 182 Grün und 134 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, 17 Magenta, 39 Gelb und 14 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 #DBB686 - Komplementärfarbe

Linear

HEX #DBB686 zu HEX #244979

CSS-Code:

background-image: linear-gradient(135deg, #DBB686 14%, #244979 96%);

Radial

HEX #DBB686 zu HEX #244979

CSS-Code:

background-image: radial-gradient(circle, #DBB686 12%, #244979 87%);

HEX #244979 zu HEX #DBB686

CSS-Code:

background-image: linear-gradient(135deg, #244979 9%, #DBB686 92%);

HEX #244979 zu HEX #DBB686

CSS-Code:

background-image: radial-gradient(circle, #244979 7%, #DBB686 93%);

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

Linear

HEX #DBB686 zu HEX #DB9D85

CSS-Code:

background-image: linear-gradient(135deg, #DBB686 5%, #DB9D85 96%);

Radial

HEX #DBB686 zu HEX #DB9D85

CSS-Code:

background-image: radial-gradient(circle, #DBB686 4%, #DB9D85 87%);

HEX #DB9D85 zu HEX #DBB686

CSS-Code:

background-image: linear-gradient(135deg, #DB9D85 6%, #DBB686 98%);

HEX #DB9D85 zu HEX #DBB686

CSS-Code:

background-image: radial-gradient(circle, #DB9D85 13%, #DBB686 98%);

HEX #DBB686 zu HEX #DBB485

CSS-Code:

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

HEX #DBB686 zu HEX #DBB485

CSS-Code:

background-image: radial-gradient(circle, #DBB686 11%, #DBB485 100%);

HEX #DBB485 zu HEX #DBB686

CSS-Code:

background-image: linear-gradient(135deg, #DBB485 6%, #DBB686 90%);

HEX #DBB485 zu HEX #DBB686

CSS-Code:

background-image: radial-gradient(circle, #DBB485 7%, #DBB686 92%);

HEX #DBB686 zu HEX #DBCB85

CSS-Code:

background-image: linear-gradient(135deg, #DBB686 12%, #DBCB85 99%);

HEX #DBB686 zu HEX #DBCB85

CSS-Code:

background-image: radial-gradient(circle, #DBB686 9%, #DBCB85 95%);

HEX #DBCB85 zu HEX #DBB686

CSS-Code:

background-image: linear-gradient(135deg, #DBCB85 11%, #DBB686 93%);

HEX #DBCB85 zu HEX #DBB686

CSS-Code:

background-image: radial-gradient(circle, #DBCB85 8%, #DBB686 88%);

HEX #DBB686 zu HEX #D4DB85

CSS-Code:

background-image: linear-gradient(135deg, #DBB686 7%, #D4DB85 87%);

HEX #DBB686 zu HEX #D4DB85

CSS-Code:

background-image: radial-gradient(circle, #DBB686 3%, #D4DB85 96%);

HEX #D4DB85 zu HEX #DBB686

CSS-Code:

background-image: linear-gradient(135deg, #D4DB85 4%, #DBB686 86%);

HEX #D4DB85 zu HEX #DBB686

CSS-Code:

background-image: radial-gradient(circle, #D4DB85 0%, #DBB686 92%);

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

Linear

HEX #DBB686 zu HEX #D1A265

CSS-Code:

background-image: linear-gradient(135deg, #DBB686 1%, #D1A265 86%);

Radial

HEX #DBB686 zu HEX #D1A265

CSS-Code:

background-image: radial-gradient(circle, #DBB686 6%, #D1A265 90%);

HEX #D1A265 zu HEX #DBB686

CSS-Code:

background-image: linear-gradient(135deg, #D1A265 7%, #DBB686 100%);

HEX #D1A265 zu HEX #DBB686

CSS-Code:

background-image: radial-gradient(circle, #D1A265 8%, #DBB686 90%);

HEX #DBB686 zu HEX #DBB585

CSS-Code:

background-image: linear-gradient(135deg, #DBB686 13%, #DBB585 96%);

HEX #DBB686 zu HEX #DBB585

CSS-Code:

background-image: radial-gradient(circle, #DBB686 0%, #DBB585 90%);

HEX #DBB585 zu HEX #DBB686

CSS-Code:

background-image: linear-gradient(135deg, #DBB585 8%, #DBB686 92%);

HEX #DBB585 zu HEX #DBB686

CSS-Code:

background-image: radial-gradient(circle, #DBB585 10%, #DBB686 99%);

HEX #DBB686 zu HEX #E4C9A5

CSS-Code:

background-image: linear-gradient(135deg, #DBB686 14%, #E4C9A5 92%);

HEX #DBB686 zu HEX #E4C9A5

CSS-Code:

background-image: radial-gradient(circle, #DBB686 14%, #E4C9A5 87%);

HEX #E4C9A5 zu HEX #DBB686

CSS-Code:

background-image: linear-gradient(135deg, #E4C9A5 10%, #DBB686 92%);

HEX #E4C9A5 zu HEX #DBB686

CSS-Code:

background-image: radial-gradient(circle, #E4C9A5 13%, #DBB686 95%);

HEX #DBB686 zu HEX #EEDCC5

CSS-Code:

background-image: linear-gradient(135deg, #DBB686 13%, #EEDCC5 89%);

HEX #DBB686 zu HEX #EEDCC5

CSS-Code:

background-image: radial-gradient(circle, #DBB686 11%, #EEDCC5 100%);

HEX #EEDCC5 zu HEX #DBB686

CSS-Code:

background-image: linear-gradient(135deg, #EEDCC5 12%, #DBB686 90%);

HEX #EEDCC5 zu HEX #DBB686

CSS-Code:

background-image: radial-gradient(circle, #EEDCC5 4%, #DBB686 100%);

2-Farben Gradienten von #DBB686 - Analoge Farben

Linear

HEX #DBB686 zu HEX #DB9D85

CSS-Code:

background-image: linear-gradient(135deg, #DBB686 4%, #DB9D85 86%);

Radial

HEX #DBB686 zu HEX #DB9D85

CSS-Code:

background-image: radial-gradient(circle, #DBB686 7%, #DB9D85 86%);

HEX #DB9D85 zu HEX #DBB686

CSS-Code:

background-image: linear-gradient(135deg, #DB9D85 11%, #DBB686 93%);

HEX #DB9D85 zu HEX #DBB686

CSS-Code:

background-image: radial-gradient(circle, #DB9D85 13%, #DBB686 89%);

HEX #DBB686 zu HEX #DBB485

CSS-Code:

background-image: linear-gradient(135deg, #DBB686 2%, #DBB485 96%);

HEX #DBB686 zu HEX #DBB485

CSS-Code:

background-image: radial-gradient(circle, #DBB686 8%, #DBB485 92%);

HEX #DBB485 zu HEX #DBB686

CSS-Code:

background-image: linear-gradient(135deg, #DBB485 14%, #DBB686 87%);

HEX #DBB485 zu HEX #DBB686

CSS-Code:

background-image: radial-gradient(circle, #DBB485 10%, #DBB686 89%);

HEX #DBB686 zu HEX #DBCB85

CSS-Code:

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

HEX #DBB686 zu HEX #DBCB85

CSS-Code:

background-image: radial-gradient(circle, #DBB686 13%, #DBCB85 100%);

HEX #DBCB85 zu HEX #DBB686

CSS-Code:

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

HEX #DBCB85 zu HEX #DBB686

CSS-Code:

background-image: radial-gradient(circle, #DBCB85 1%, #DBB686 96%);

HEX #DBB686 zu HEX #D4DB85

CSS-Code:

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

HEX #DBB686 zu HEX #D4DB85

CSS-Code:

background-image: radial-gradient(circle, #DBB686 11%, #D4DB85 95%);

HEX #D4DB85 zu HEX #DBB686

CSS-Code:

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

HEX #D4DB85 zu HEX #DBB686

CSS-Code:

background-image: radial-gradient(circle, #D4DB85 10%, #DBB686 91%);

2-Farben Gradienten von #DBB686 - Monochromatische Farben

Linear

HEX #DBB686 zu HEX #D1A265

CSS-Code:

background-image: linear-gradient(135deg, #DBB686 8%, #D1A265 87%);

Radial

HEX #DBB686 zu HEX #D1A265

CSS-Code:

background-image: radial-gradient(circle, #DBB686 1%, #D1A265 94%);

HEX #D1A265 zu HEX #DBB686

CSS-Code:

background-image: linear-gradient(135deg, #D1A265 4%, #DBB686 91%);

HEX #D1A265 zu HEX #DBB686

CSS-Code:

background-image: radial-gradient(circle, #D1A265 2%, #DBB686 94%);

HEX #DBB686 zu HEX #DBB585

CSS-Code:

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

HEX #DBB686 zu HEX #DBB585

CSS-Code:

background-image: radial-gradient(circle, #DBB686 1%, #DBB585 92%);

HEX #DBB585 zu HEX #DBB686

CSS-Code:

background-image: linear-gradient(135deg, #DBB585 11%, #DBB686 86%);

HEX #DBB585 zu HEX #DBB686

CSS-Code:

background-image: radial-gradient(circle, #DBB585 9%, #DBB686 87%);

HEX #DBB686 zu HEX #E4C9A5

CSS-Code:

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

HEX #DBB686 zu HEX #E4C9A5

CSS-Code:

background-image: radial-gradient(circle, #DBB686 3%, #E4C9A5 94%);

HEX #E4C9A5 zu HEX #DBB686

CSS-Code:

background-image: linear-gradient(135deg, #E4C9A5 13%, #DBB686 99%);

HEX #E4C9A5 zu HEX #DBB686

CSS-Code:

background-image: radial-gradient(circle, #E4C9A5 9%, #DBB686 87%);

HEX #DBB686 zu HEX #EEDCC5

CSS-Code:

background-image: linear-gradient(135deg, #DBB686 1%, #EEDCC5 93%);

HEX #DBB686 zu HEX #EEDCC5

CSS-Code:

background-image: radial-gradient(circle, #DBB686 7%, #EEDCC5 87%);

HEX #EEDCC5 zu HEX #DBB686

CSS-Code:

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

HEX #EEDCC5 zu HEX #DBB686

CSS-Code:

background-image: radial-gradient(circle, #EEDCC5 5%, #DBB686 96%);

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

Linear

HEX #DBB686 zu HEX #9BDB85

CSS-Code:

background-image: linear-gradient(135deg, #DBB686 4%, #9BDB85 92%);

Radial

HEX #DBB686 zu HEX #9BDB85

CSS-Code:

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

HEX #9BDB85 zu HEX #DBB686

CSS-Code:

background-image: linear-gradient(135deg, #9BDB85 6%, #DBB686 95%);

HEX #9BDB85 zu HEX #DBB686

CSS-Code:

background-image: radial-gradient(circle, #9BDB85 11%, #DBB686 99%);

HEX #DBB686 zu HEX #9285DB

CSS-Code:

background-image: linear-gradient(135deg, #DBB686 1%, #9285DB 89%);

HEX #DBB686 zu HEX #9285DB

CSS-Code:

background-image: radial-gradient(circle, #DBB686 13%, #9285DB 99%);

HEX #9285DB zu HEX #DBB686

CSS-Code:

background-image: linear-gradient(135deg, #9285DB 8%, #DBB686 87%);

HEX #9285DB zu HEX #DBB686

CSS-Code:

background-image: radial-gradient(circle, #9285DB 4%, #DBB686 93%);

2-Farben Gradienten von #DBB686 - Triadische Farben

Linear

HEX #DBB686 zu HEX #85DBB4

CSS-Code:

background-image: linear-gradient(135deg, #DBB686 13%, #85DBB4 92%);

Radial

HEX #DBB686 zu HEX #85DBB4

CSS-Code:

background-image: radial-gradient(circle, #DBB686 14%, #85DBB4 98%);

HEX #85DBB4 zu HEX #DBB686

CSS-Code:

background-image: linear-gradient(135deg, #85DBB4 12%, #DBB686 91%);

HEX #85DBB4 zu HEX #DBB686

CSS-Code:

background-image: radial-gradient(circle, #85DBB4 12%, #DBB686 87%);

HEX #DBB686 zu HEX #B485DB

CSS-Code:

background-image: linear-gradient(135deg, #DBB686 6%, #B485DB 96%);

HEX #DBB686 zu HEX #B485DB

CSS-Code:

background-image: radial-gradient(circle, #DBB686 14%, #B485DB 87%);

HEX #B485DB zu HEX #DBB686

CSS-Code:

background-image: linear-gradient(135deg, #B485DB 8%, #DBB686 88%);

HEX #B485DB zu HEX #DBB686

CSS-Code:

background-image: radial-gradient(circle, #B485DB 13%, #DBB686 87%);

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

Linear

HEX #DBB686 zu HEX #9BDB85

CSS-Code:

background-image: linear-gradient(135deg, #DBB686 9%, #9BDB85 87%);

Radial

HEX #DBB686 zu HEX #9BDB85

CSS-Code:

background-image: radial-gradient(circle, #DBB686 12%, #9BDB85 100%);

HEX #9BDB85 zu HEX #DBB686

CSS-Code:

background-image: linear-gradient(135deg, #9BDB85 11%, #DBB686 90%);

HEX #9BDB85 zu HEX #DBB686

CSS-Code:

background-image: radial-gradient(circle, #9BDB85 4%, #DBB686 87%);

HEX #DBB686 zu HEX #85ACDB

CSS-Code:

background-image: linear-gradient(135deg, #DBB686 13%, #85ACDB 100%);

HEX #DBB686 zu HEX #85ACDB

CSS-Code:

background-image: radial-gradient(circle, #DBB686 7%, #85ACDB 92%);

HEX #85ACDB zu HEX #DBB686

CSS-Code:

background-image: linear-gradient(135deg, #85ACDB 1%, #DBB686 89%);

HEX #85ACDB zu HEX #DBB686

CSS-Code:

background-image: radial-gradient(circle, #85ACDB 1%, #DBB686 86%);

HEX #DBB686 zu HEX #C585DB

CSS-Code:

background-image: linear-gradient(135deg, #DBB686 13%, #C585DB 94%);

HEX #DBB686 zu HEX #C585DB

CSS-Code:

background-image: radial-gradient(circle, #DBB686 11%, #C585DB 100%);

HEX #C585DB zu HEX #DBB686

CSS-Code:

background-image: linear-gradient(135deg, #C585DB 4%, #DBB686 98%);

HEX #C585DB zu HEX #DBB686

CSS-Code:

background-image: radial-gradient(circle, #C585DB 5%, #DBB686 86%);

2-Farben Gradienten von #DBB686 - Quadratische Farben

Linear

HEX #DBB686 zu HEX #85DB8A

CSS-Code:

background-image: linear-gradient(135deg, #DBB686 12%, #85DB8A 100%);

Radial

HEX #DBB686 zu HEX #85DB8A

CSS-Code:

background-image: radial-gradient(circle, #DBB686 13%, #85DB8A 89%);

HEX #85DB8A zu HEX #DBB686

CSS-Code:

background-image: linear-gradient(135deg, #85DB8A 10%, #DBB686 90%);

HEX #85DB8A zu HEX #DBB686

CSS-Code:

background-image: radial-gradient(circle, #85DB8A 14%, #DBB686 100%);

HEX #DBB686 zu HEX #85ACDB

CSS-Code:

background-image: linear-gradient(135deg, #DBB686 6%, #85ACDB 91%);

HEX #DBB686 zu HEX #85ACDB

CSS-Code:

background-image: radial-gradient(circle, #DBB686 9%, #85ACDB 92%);

HEX #85ACDB zu HEX #DBB686

CSS-Code:

background-image: linear-gradient(135deg, #85ACDB 6%, #DBB686 94%);

HEX #85ACDB zu HEX #DBB686

CSS-Code:

background-image: radial-gradient(circle, #85ACDB 7%, #DBB686 95%);

HEX #DBB686 zu HEX #DB85D6

CSS-Code:

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

HEX #DBB686 zu HEX #DB85D6

CSS-Code:

background-image: radial-gradient(circle, #DBB686 4%, #DB85D6 95%);

HEX #DB85D6 zu HEX #DBB686

CSS-Code:

background-image: linear-gradient(135deg, #DB85D6 9%, #DBB686 98%);

HEX #DB85D6 zu HEX #DBB686

CSS-Code:

background-image: radial-gradient(circle, #DB85D6 12%, #DBB686 93%);

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.