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

✕

CSS Gradienten:
#CCBF56

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, 191 Grün und 86 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, 6 Magenta, 58 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 #CCBF56 - Komplementärfarbe

Linear

HEX #CCBF56 zu HEX #3340A9

CSS-Code:

background-image: linear-gradient(135deg, #CCBF56 13%, #3340A9 92%);

Radial

HEX #CCBF56 zu HEX #3340A9

CSS-Code:

background-image: radial-gradient(circle, #CCBF56 7%, #3340A9 87%);

HEX #3340A9 zu HEX #CCBF56

CSS-Code:

background-image: linear-gradient(135deg, #3340A9 10%, #CCBF56 98%);

HEX #3340A9 zu HEX #CCBF56

CSS-Code:

background-image: radial-gradient(circle, #3340A9 9%, #CCBF56 94%);

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

Linear

HEX #CCBF56 zu HEX #CD9F56

CSS-Code:

background-image: linear-gradient(135deg, #CCBF56 11%, #CD9F56 99%);

Radial

HEX #CCBF56 zu HEX #CD9F56

CSS-Code:

background-image: radial-gradient(circle, #CCBF56 3%, #CD9F56 91%);

HEX #CD9F56 zu HEX #CCBF56

CSS-Code:

background-image: linear-gradient(135deg, #CD9F56 3%, #CCBF56 94%);

HEX #CD9F56 zu HEX #CCBF56

CSS-Code:

background-image: radial-gradient(circle, #CD9F56 4%, #CCBF56 91%);

HEX #CCBF56 zu HEX #CDBF56

CSS-Code:

background-image: linear-gradient(135deg, #CCBF56 7%, #CDBF56 92%);

HEX #CCBF56 zu HEX #CDBF56

CSS-Code:

background-image: radial-gradient(circle, #CCBF56 7%, #CDBF56 87%);

HEX #CDBF56 zu HEX #CCBF56

CSS-Code:

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

HEX #CDBF56 zu HEX #CCBF56

CSS-Code:

background-image: radial-gradient(circle, #CDBF56 12%, #CCBF56 99%);

HEX #CCBF56 zu HEX #BBCD56

CSS-Code:

background-image: linear-gradient(135deg, #CCBF56 2%, #BBCD56 98%);

HEX #CCBF56 zu HEX #BBCD56

CSS-Code:

background-image: radial-gradient(circle, #CCBF56 0%, #BBCD56 98%);

HEX #BBCD56 zu HEX #CCBF56

CSS-Code:

background-image: linear-gradient(135deg, #BBCD56 10%, #CCBF56 95%);

HEX #BBCD56 zu HEX #CCBF56

CSS-Code:

background-image: radial-gradient(circle, #BBCD56 7%, #CCBF56 93%);

HEX #CCBF56 zu HEX #9BCD56

CSS-Code:

background-image: linear-gradient(135deg, #CCBF56 8%, #9BCD56 99%);

HEX #CCBF56 zu HEX #9BCD56

CSS-Code:

background-image: radial-gradient(circle, #CCBF56 4%, #9BCD56 100%);

HEX #9BCD56 zu HEX #CCBF56

CSS-Code:

background-image: linear-gradient(135deg, #9BCD56 7%, #CCBF56 97%);

HEX #9BCD56 zu HEX #CCBF56

CSS-Code:

background-image: radial-gradient(circle, #9BCD56 1%, #CCBF56 95%);

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

Linear

HEX #CCBF56 zu HEX #C0B139

CSS-Code:

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

Radial

HEX #CCBF56 zu HEX #C0B139

CSS-Code:

background-image: radial-gradient(circle, #CCBF56 9%, #C0B139 97%);

HEX #C0B139 zu HEX #CCBF56

CSS-Code:

background-image: linear-gradient(135deg, #C0B139 10%, #CCBF56 90%);

HEX #C0B139 zu HEX #CCBF56

CSS-Code:

background-image: radial-gradient(circle, #C0B139 8%, #CCBF56 98%);

HEX #CCBF56 zu HEX #CDC056

CSS-Code:

background-image: linear-gradient(135deg, #CCBF56 2%, #CDC056 100%);

HEX #CCBF56 zu HEX #CDC056

CSS-Code:

background-image: radial-gradient(circle, #CCBF56 4%, #CDC056 100%);

HEX #CDC056 zu HEX #CCBF56

CSS-Code:

background-image: linear-gradient(135deg, #CDC056 11%, #CCBF56 94%);

HEX #CDC056 zu HEX #CCBF56

CSS-Code:

background-image: radial-gradient(circle, #CDC056 11%, #CCBF56 92%);

HEX #CCBF56 zu HEX #D6CB76

CSS-Code:

background-image: linear-gradient(135deg, #CCBF56 3%, #D6CB76 98%);

HEX #CCBF56 zu HEX #D6CB76

CSS-Code:

background-image: radial-gradient(circle, #CCBF56 4%, #D6CB76 91%);

HEX #D6CB76 zu HEX #CCBF56

CSS-Code:

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

HEX #D6CB76 zu HEX #CCBF56

CSS-Code:

background-image: radial-gradient(circle, #D6CB76 10%, #CCBF56 94%);

HEX #CCBF56 zu HEX #E0D796

CSS-Code:

background-image: linear-gradient(135deg, #CCBF56 8%, #E0D796 99%);

HEX #CCBF56 zu HEX #E0D796

CSS-Code:

background-image: radial-gradient(circle, #CCBF56 9%, #E0D796 94%);

HEX #E0D796 zu HEX #CCBF56

CSS-Code:

background-image: linear-gradient(135deg, #E0D796 0%, #CCBF56 89%);

HEX #E0D796 zu HEX #CCBF56

CSS-Code:

background-image: radial-gradient(circle, #E0D796 11%, #CCBF56 91%);

2-Farben Gradienten von #CCBF56 - Analoge Farben

Linear

HEX #CCBF56 zu HEX #CD9F56

CSS-Code:

background-image: linear-gradient(135deg, #CCBF56 1%, #CD9F56 87%);

Radial

HEX #CCBF56 zu HEX #CD9F56

CSS-Code:

background-image: radial-gradient(circle, #CCBF56 8%, #CD9F56 93%);

HEX #CD9F56 zu HEX #CCBF56

CSS-Code:

background-image: linear-gradient(135deg, #CD9F56 10%, #CCBF56 91%);

HEX #CD9F56 zu HEX #CCBF56

CSS-Code:

background-image: radial-gradient(circle, #CD9F56 13%, #CCBF56 89%);

HEX #CCBF56 zu HEX #CDBF56

CSS-Code:

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

HEX #CCBF56 zu HEX #CDBF56

CSS-Code:

background-image: radial-gradient(circle, #CCBF56 8%, #CDBF56 93%);

HEX #CDBF56 zu HEX #CCBF56

CSS-Code:

background-image: linear-gradient(135deg, #CDBF56 4%, #CCBF56 87%);

HEX #CDBF56 zu HEX #CCBF56

CSS-Code:

background-image: radial-gradient(circle, #CDBF56 2%, #CCBF56 93%);

HEX #CCBF56 zu HEX #BBCD56

CSS-Code:

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

HEX #CCBF56 zu HEX #BBCD56

CSS-Code:

background-image: radial-gradient(circle, #CCBF56 5%, #BBCD56 86%);

HEX #BBCD56 zu HEX #CCBF56

CSS-Code:

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

HEX #BBCD56 zu HEX #CCBF56

CSS-Code:

background-image: radial-gradient(circle, #BBCD56 2%, #CCBF56 88%);

HEX #CCBF56 zu HEX #9BCD56

CSS-Code:

background-image: linear-gradient(135deg, #CCBF56 12%, #9BCD56 91%);

HEX #CCBF56 zu HEX #9BCD56

CSS-Code:

background-image: radial-gradient(circle, #CCBF56 3%, #9BCD56 96%);

HEX #9BCD56 zu HEX #CCBF56

CSS-Code:

background-image: linear-gradient(135deg, #9BCD56 12%, #CCBF56 87%);

HEX #9BCD56 zu HEX #CCBF56

CSS-Code:

background-image: radial-gradient(circle, #9BCD56 5%, #CCBF56 88%);

2-Farben Gradienten von #CCBF56 - Monochromatische Farben

Linear

HEX #CCBF56 zu HEX #C0B139

CSS-Code:

background-image: linear-gradient(135deg, #CCBF56 11%, #C0B139 97%);

Radial

HEX #CCBF56 zu HEX #C0B139

CSS-Code:

background-image: radial-gradient(circle, #CCBF56 4%, #C0B139 97%);

HEX #C0B139 zu HEX #CCBF56

CSS-Code:

background-image: linear-gradient(135deg, #C0B139 10%, #CCBF56 97%);

HEX #C0B139 zu HEX #CCBF56

CSS-Code:

background-image: radial-gradient(circle, #C0B139 6%, #CCBF56 89%);

HEX #CCBF56 zu HEX #CDC056

CSS-Code:

background-image: linear-gradient(135deg, #CCBF56 9%, #CDC056 88%);

HEX #CCBF56 zu HEX #CDC056

CSS-Code:

background-image: radial-gradient(circle, #CCBF56 12%, #CDC056 99%);

HEX #CDC056 zu HEX #CCBF56

CSS-Code:

background-image: linear-gradient(135deg, #CDC056 9%, #CCBF56 91%);

HEX #CDC056 zu HEX #CCBF56

CSS-Code:

background-image: radial-gradient(circle, #CDC056 5%, #CCBF56 100%);

HEX #CCBF56 zu HEX #D6CB76

CSS-Code:

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

HEX #CCBF56 zu HEX #D6CB76

CSS-Code:

background-image: radial-gradient(circle, #CCBF56 6%, #D6CB76 98%);

HEX #D6CB76 zu HEX #CCBF56

CSS-Code:

background-image: linear-gradient(135deg, #D6CB76 3%, #CCBF56 98%);

HEX #D6CB76 zu HEX #CCBF56

CSS-Code:

background-image: radial-gradient(circle, #D6CB76 4%, #CCBF56 92%);

HEX #CCBF56 zu HEX #E0D796

CSS-Code:

background-image: linear-gradient(135deg, #CCBF56 10%, #E0D796 94%);

HEX #CCBF56 zu HEX #E0D796

CSS-Code:

background-image: radial-gradient(circle, #CCBF56 9%, #E0D796 86%);

HEX #E0D796 zu HEX #CCBF56

CSS-Code:

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

HEX #E0D796 zu HEX #CCBF56

CSS-Code:

background-image: radial-gradient(circle, #E0D796 6%, #CCBF56 88%);

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

Linear

HEX #CCBF56 zu HEX #56CD60

CSS-Code:

background-image: linear-gradient(135deg, #CCBF56 11%, #56CD60 90%);

Radial

HEX #CCBF56 zu HEX #56CD60

CSS-Code:

background-image: radial-gradient(circle, #CCBF56 12%, #56CD60 99%);

HEX #56CD60 zu HEX #CCBF56

CSS-Code:

background-image: linear-gradient(135deg, #56CD60 4%, #CCBF56 91%);

HEX #56CD60 zu HEX #CCBF56

CSS-Code:

background-image: radial-gradient(circle, #56CD60 1%, #CCBF56 98%);

HEX #CCBF56 zu HEX #8F56CD

CSS-Code:

background-image: linear-gradient(135deg, #CCBF56 4%, #8F56CD 96%);

HEX #CCBF56 zu HEX #8F56CD

CSS-Code:

background-image: radial-gradient(circle, #CCBF56 3%, #8F56CD 93%);

HEX #8F56CD zu HEX #CCBF56

CSS-Code:

background-image: linear-gradient(135deg, #8F56CD 4%, #CCBF56 94%);

HEX #8F56CD zu HEX #CCBF56

CSS-Code:

background-image: radial-gradient(circle, #8F56CD 4%, #CCBF56 99%);

2-Farben Gradienten von #CCBF56 - Triadische Farben

Linear

HEX #CCBF56 zu HEX #56CDBF

CSS-Code:

background-image: linear-gradient(135deg, #CCBF56 10%, #56CDBF 88%);

Radial

HEX #CCBF56 zu HEX #56CDBF

CSS-Code:

background-image: radial-gradient(circle, #CCBF56 6%, #56CDBF 93%);

HEX #56CDBF zu HEX #CCBF56

CSS-Code:

background-image: linear-gradient(135deg, #56CDBF 14%, #CCBF56 88%);

HEX #56CDBF zu HEX #CCBF56

CSS-Code:

background-image: radial-gradient(circle, #56CDBF 3%, #CCBF56 95%);

HEX #CCBF56 zu HEX #BF56CD

CSS-Code:

background-image: linear-gradient(135deg, #CCBF56 14%, #BF56CD 98%);

HEX #CCBF56 zu HEX #BF56CD

CSS-Code:

background-image: radial-gradient(circle, #CCBF56 0%, #BF56CD 89%);

HEX #BF56CD zu HEX #CCBF56

CSS-Code:

background-image: linear-gradient(135deg, #BF56CD 9%, #CCBF56 100%);

HEX #BF56CD zu HEX #CCBF56

CSS-Code:

background-image: radial-gradient(circle, #BF56CD 5%, #CCBF56 94%);

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

Linear

HEX #CCBF56 zu HEX #56CD60

CSS-Code:

background-image: linear-gradient(135deg, #CCBF56 11%, #56CD60 93%);

Radial

HEX #CCBF56 zu HEX #56CD60

CSS-Code:

background-image: radial-gradient(circle, #CCBF56 4%, #56CD60 94%);

HEX #56CD60 zu HEX #CCBF56

CSS-Code:

background-image: linear-gradient(135deg, #56CD60 10%, #CCBF56 86%);

HEX #56CD60 zu HEX #CCBF56

CSS-Code:

background-image: radial-gradient(circle, #56CD60 8%, #CCBF56 87%);

HEX #CCBF56 zu HEX #5664CD

CSS-Code:

background-image: linear-gradient(135deg, #CCBF56 4%, #5664CD 89%);

HEX #CCBF56 zu HEX #5664CD

CSS-Code:

background-image: radial-gradient(circle, #CCBF56 10%, #5664CD 100%);

HEX #5664CD zu HEX #CCBF56

CSS-Code:

background-image: linear-gradient(135deg, #5664CD 11%, #CCBF56 98%);

HEX #5664CD zu HEX #CCBF56

CSS-Code:

background-image: radial-gradient(circle, #5664CD 7%, #CCBF56 90%);

HEX #CCBF56 zu HEX #CD56C3

CSS-Code:

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

HEX #CCBF56 zu HEX #CD56C3

CSS-Code:

background-image: radial-gradient(circle, #CCBF56 12%, #CD56C3 88%);

HEX #CD56C3 zu HEX #CCBF56

CSS-Code:

background-image: linear-gradient(135deg, #CD56C3 9%, #CCBF56 90%);

HEX #CD56C3 zu HEX #CCBF56

CSS-Code:

background-image: radial-gradient(circle, #CD56C3 2%, #CCBF56 97%);

2-Farben Gradienten von #CCBF56 - Quadratische Farben

Linear

HEX #CCBF56 zu HEX #56CD84

CSS-Code:

background-image: linear-gradient(135deg, #CCBF56 12%, #56CD84 99%);

Radial

HEX #CCBF56 zu HEX #56CD84

CSS-Code:

background-image: radial-gradient(circle, #CCBF56 10%, #56CD84 96%);

HEX #56CD84 zu HEX #CCBF56

CSS-Code:

background-image: linear-gradient(135deg, #56CD84 1%, #CCBF56 98%);

HEX #56CD84 zu HEX #CCBF56

CSS-Code:

background-image: radial-gradient(circle, #56CD84 12%, #CCBF56 89%);

HEX #CCBF56 zu HEX #5664CD

CSS-Code:

background-image: linear-gradient(135deg, #CCBF56 7%, #5664CD 100%);

HEX #CCBF56 zu HEX #5664CD

CSS-Code:

background-image: radial-gradient(circle, #CCBF56 4%, #5664CD 88%);

HEX #5664CD zu HEX #CCBF56

CSS-Code:

background-image: linear-gradient(135deg, #5664CD 9%, #CCBF56 100%);

HEX #5664CD zu HEX #CCBF56

CSS-Code:

background-image: radial-gradient(circle, #5664CD 8%, #CCBF56 89%);

HEX #CCBF56 zu HEX #CD569F

CSS-Code:

background-image: linear-gradient(135deg, #CCBF56 7%, #CD569F 92%);

HEX #CCBF56 zu HEX #CD569F

CSS-Code:

background-image: radial-gradient(circle, #CCBF56 6%, #CD569F 97%);

HEX #CD569F zu HEX #CCBF56

CSS-Code:

background-image: linear-gradient(135deg, #CD569F 8%, #CCBF56 97%);

HEX #CD569F zu HEX #CCBF56

CSS-Code:

background-image: radial-gradient(circle, #CD569F 7%, #CCBF56 88%);

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.