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

CSS Gradienten:
#BDEDACCE

Information

schließe alle

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.

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.

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 189 Rot, 237 Grün und 172 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.
189 237 172 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 16 Cyan, keine Magenta, 22 Gelb und 6 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.
16% 0% 22% 6% C M Y K

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #BDEDACCE zu HEX #421253CE


CSS-Code:

background-image: linear-gradient(135deg, #BDEDACCE 14%, #421253CE 93%);

Radial

HEX #BDEDACCE zu HEX #421253CE


CSS-Code:

background-image: radial-gradient(circle, #BDEDACCE 0%, #421253CE 89%);

 

HEX #421253CE zu HEX #BDEDACCE


CSS-Code:

background-image: linear-gradient(135deg, #421253CE 3%, #BDEDACCE 96%);

 

HEX #421253CE zu HEX #BDEDACCE


CSS-Code:

background-image: radial-gradient(circle, #421253CE 6%, #BDEDACCE 92%);

Linear

HEX #BDEDACCE zu HEX #CEEDABCE


CSS-Code:

background-image: linear-gradient(135deg, #BDEDACCE 13%, #CEEDABCE 86%);

Radial

HEX #BDEDACCE zu HEX #CEEDABCE


CSS-Code:

background-image: radial-gradient(circle, #BDEDACCE 0%, #CEEDABCE 87%);

 

HEX #CEEDABCE zu HEX #BDEDACCE


CSS-Code:

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

 

HEX #CEEDABCE zu HEX #BDEDACCE


CSS-Code:

background-image: radial-gradient(circle, #CEEDABCE 4%, #BDEDACCE 91%);

 

HEX #BDEDACCE zu HEX #BDEDABCE


CSS-Code:

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

 

HEX #BDEDACCE zu HEX #BDEDABCE


CSS-Code:

background-image: radial-gradient(circle, #BDEDACCE 2%, #BDEDABCE 95%);

 

HEX #BDEDABCE zu HEX #BDEDACCE


CSS-Code:

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

 

HEX #BDEDABCE zu HEX #BDEDACCE


CSS-Code:

background-image: radial-gradient(circle, #BDEDABCE 2%, #BDEDACCE 90%);

 

HEX #BDEDACCE zu HEX #ABEDABCE


CSS-Code:

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

 

HEX #BDEDACCE zu HEX #ABEDABCE


CSS-Code:

background-image: radial-gradient(circle, #BDEDACCE 9%, #ABEDABCE 87%);

 

HEX #ABEDABCE zu HEX #BDEDACCE


CSS-Code:

background-image: linear-gradient(135deg, #ABEDABCE 7%, #BDEDACCE 93%);

 

HEX #ABEDABCE zu HEX #BDEDACCE


CSS-Code:

background-image: radial-gradient(circle, #ABEDABCE 5%, #BDEDACCE 88%);

 

HEX #BDEDACCE zu HEX #ABEDBDCE


CSS-Code:

background-image: linear-gradient(135deg, #BDEDACCE 3%, #ABEDBDCE 88%);

 

HEX #BDEDACCE zu HEX #ABEDBDCE


CSS-Code:

background-image: radial-gradient(circle, #BDEDACCE 2%, #ABEDBDCE 91%);

 

HEX #ABEDBDCE zu HEX #BDEDACCE


CSS-Code:

background-image: linear-gradient(135deg, #ABEDBDCE 4%, #BDEDACCE 100%);

 

HEX #ABEDBDCE zu HEX #BDEDACCE


CSS-Code:

background-image: radial-gradient(circle, #ABEDBDCE 14%, #BDEDACCE 96%);

Linear

HEX #BDEDACCE zu HEX #A2E58A


CSS-Code:

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

Radial

HEX #BDEDACCE zu HEX #A2E58A


CSS-Code:

background-image: radial-gradient(circle, #BDEDACCE 6%, #A2E58A 92%);

 

HEX #A2E58A zu HEX #BDEDACCE


CSS-Code:

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

 

HEX #A2E58A zu HEX #BDEDACCE


CSS-Code:

background-image: radial-gradient(circle, #A2E58A 7%, #BDEDACCE 99%);

 

HEX #BDEDACCE zu HEX #BCEDAB


CSS-Code:

background-image: linear-gradient(135deg, #BDEDACCE 4%, #BCEDAB 96%);

 

HEX #BDEDACCE zu HEX #BCEDAB


CSS-Code:

background-image: radial-gradient(circle, #BDEDACCE 9%, #BCEDAB 92%);

 

HEX #BCEDAB zu HEX #BDEDACCE


CSS-Code:

background-image: linear-gradient(135deg, #BCEDAB 13%, #BDEDACCE 92%);

 

HEX #BCEDAB zu HEX #BDEDACCE


CSS-Code:

background-image: radial-gradient(circle, #BCEDAB 3%, #BDEDACCE 94%);

 

HEX #BDEDACCE zu HEX #D7F4CD


CSS-Code:

background-image: linear-gradient(135deg, #BDEDACCE 6%, #D7F4CD 97%);

 

HEX #BDEDACCE zu HEX #D7F4CD


CSS-Code:

background-image: radial-gradient(circle, #BDEDACCE 2%, #D7F4CD 87%);

 

HEX #D7F4CD zu HEX #BDEDACCE


CSS-Code:

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

 

HEX #D7F4CD zu HEX #BDEDACCE


CSS-Code:

background-image: radial-gradient(circle, #D7F4CD 2%, #BDEDACCE 95%);

 

HEX #BDEDACCE zu HEX #F2FBEF


CSS-Code:

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

 

HEX #BDEDACCE zu HEX #F2FBEF


CSS-Code:

background-image: radial-gradient(circle, #BDEDACCE 11%, #F2FBEF 92%);

 

HEX #F2FBEF zu HEX #BDEDACCE


CSS-Code:

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

 

HEX #F2FBEF zu HEX #BDEDACCE


CSS-Code:

background-image: radial-gradient(circle, #F2FBEF 12%, #BDEDACCE 87%);

Linear

HEX #BDEDACCE zu HEX #CEEDABCE


CSS-Code:

background-image: linear-gradient(135deg, #BDEDACCE 6%, #CEEDABCE 91%);

Radial

HEX #BDEDACCE zu HEX #CEEDABCE


CSS-Code:

background-image: radial-gradient(circle, #BDEDACCE 13%, #CEEDABCE 95%);

 

HEX #CEEDABCE zu HEX #BDEDACCE


CSS-Code:

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

 

HEX #CEEDABCE zu HEX #BDEDACCE


CSS-Code:

background-image: radial-gradient(circle, #CEEDABCE 13%, #BDEDACCE 98%);

 

HEX #BDEDACCE zu HEX #BDEDABCE


CSS-Code:

background-image: linear-gradient(135deg, #BDEDACCE 11%, #BDEDABCE 88%);

 

HEX #BDEDACCE zu HEX #BDEDABCE


CSS-Code:

background-image: radial-gradient(circle, #BDEDACCE 2%, #BDEDABCE 92%);

 

HEX #BDEDABCE zu HEX #BDEDACCE


CSS-Code:

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

 

HEX #BDEDABCE zu HEX #BDEDACCE


CSS-Code:

background-image: radial-gradient(circle, #BDEDABCE 8%, #BDEDACCE 95%);

 

HEX #BDEDACCE zu HEX #ABEDABCE


CSS-Code:

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

 

HEX #BDEDACCE zu HEX #ABEDABCE


CSS-Code:

background-image: radial-gradient(circle, #BDEDACCE 9%, #ABEDABCE 90%);

 

HEX #ABEDABCE zu HEX #BDEDACCE


CSS-Code:

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

 

HEX #ABEDABCE zu HEX #BDEDACCE


CSS-Code:

background-image: radial-gradient(circle, #ABEDABCE 9%, #BDEDACCE 95%);

 

HEX #BDEDACCE zu HEX #ABEDBDCE


CSS-Code:

background-image: linear-gradient(135deg, #BDEDACCE 0%, #ABEDBDCE 100%);

 

HEX #BDEDACCE zu HEX #ABEDBDCE


CSS-Code:

background-image: radial-gradient(circle, #BDEDACCE 9%, #ABEDBDCE 95%);

 

HEX #ABEDBDCE zu HEX #BDEDACCE


CSS-Code:

background-image: linear-gradient(135deg, #ABEDBDCE 8%, #BDEDACCE 98%);

 

HEX #ABEDBDCE zu HEX #BDEDACCE


CSS-Code:

background-image: radial-gradient(circle, #ABEDBDCE 3%, #BDEDACCE 95%);

Linear

HEX #BDEDACCE zu HEX #A2E58A


CSS-Code:

background-image: linear-gradient(135deg, #BDEDACCE 14%, #A2E58A 99%);

Radial

HEX #BDEDACCE zu HEX #A2E58A


CSS-Code:

background-image: radial-gradient(circle, #BDEDACCE 4%, #A2E58A 89%);

 

HEX #A2E58A zu HEX #BDEDACCE


CSS-Code:

background-image: linear-gradient(135deg, #A2E58A 7%, #BDEDACCE 95%);

 

HEX #A2E58A zu HEX #BDEDACCE


CSS-Code:

background-image: radial-gradient(circle, #A2E58A 7%, #BDEDACCE 98%);

 

HEX #BDEDACCE zu HEX #BCEDAB


CSS-Code:

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

 

HEX #BDEDACCE zu HEX #BCEDAB


CSS-Code:

background-image: radial-gradient(circle, #BDEDACCE 8%, #BCEDAB 88%);

 

HEX #BCEDAB zu HEX #BDEDACCE


CSS-Code:

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

 

HEX #BCEDAB zu HEX #BDEDACCE


CSS-Code:

background-image: radial-gradient(circle, #BCEDAB 6%, #BDEDACCE 100%);

 

HEX #BDEDACCE zu HEX #D7F4CD


CSS-Code:

background-image: linear-gradient(135deg, #BDEDACCE 11%, #D7F4CD 92%);

 

HEX #BDEDACCE zu HEX #D7F4CD


CSS-Code:

background-image: radial-gradient(circle, #BDEDACCE 7%, #D7F4CD 99%);

 

HEX #D7F4CD zu HEX #BDEDACCE


CSS-Code:

background-image: linear-gradient(135deg, #D7F4CD 5%, #BDEDACCE 86%);

 

HEX #D7F4CD zu HEX #BDEDACCE


CSS-Code:

background-image: radial-gradient(circle, #D7F4CD 11%, #BDEDACCE 97%);

 

HEX #BDEDACCE zu HEX #F2FBEF


CSS-Code:

background-image: linear-gradient(135deg, #BDEDACCE 10%, #F2FBEF 86%);

 

HEX #BDEDACCE zu HEX #F2FBEF


CSS-Code:

background-image: radial-gradient(circle, #BDEDACCE 9%, #F2FBEF 96%);

 

HEX #F2FBEF zu HEX #BDEDACCE


CSS-Code:

background-image: linear-gradient(135deg, #F2FBEF 2%, #BDEDACCE 90%);

 

HEX #F2FBEF zu HEX #BDEDACCE


CSS-Code:

background-image: radial-gradient(circle, #F2FBEF 13%, #BDEDACCE 89%);

Linear

HEX #BDEDACCE zu HEX #ABEDE8


CSS-Code:

background-image: linear-gradient(135deg, #BDEDACCE 8%, #ABEDE8 91%);

Radial

HEX #BDEDACCE zu HEX #ABEDE8


CSS-Code:

background-image: radial-gradient(circle, #BDEDACCE 2%, #ABEDE8 88%);

 

HEX #ABEDE8 zu HEX #BDEDACCE


CSS-Code:

background-image: linear-gradient(135deg, #ABEDE8 13%, #BDEDACCE 92%);

 

HEX #ABEDE8 zu HEX #BDEDACCE


CSS-Code:

background-image: radial-gradient(circle, #ABEDE8 0%, #BDEDACCE 99%);

 

HEX #BDEDACCE zu HEX #EDABD7


CSS-Code:

background-image: linear-gradient(135deg, #BDEDACCE 5%, #EDABD7 90%);

 

HEX #BDEDACCE zu HEX #EDABD7


CSS-Code:

background-image: radial-gradient(circle, #BDEDACCE 2%, #EDABD7 98%);

 

HEX #EDABD7 zu HEX #BDEDACCE


CSS-Code:

background-image: linear-gradient(135deg, #EDABD7 13%, #BDEDACCE 93%);

 

HEX #EDABD7 zu HEX #BDEDACCE


CSS-Code:

background-image: radial-gradient(circle, #EDABD7 7%, #BDEDACCE 95%);

Linear

HEX #BDEDACCE zu HEX #ABBDED


CSS-Code:

background-image: linear-gradient(135deg, #BDEDACCE 10%, #ABBDED 100%);

Radial

HEX #BDEDACCE zu HEX #ABBDED


CSS-Code:

background-image: radial-gradient(circle, #BDEDACCE 14%, #ABBDED 100%);

 

HEX #ABBDED zu HEX #BDEDACCE


CSS-Code:

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

 

HEX #ABBDED zu HEX #BDEDACCE


CSS-Code:

background-image: radial-gradient(circle, #ABBDED 2%, #BDEDACCE 93%);

 

HEX #BDEDACCE zu HEX #EDABBD


CSS-Code:

background-image: linear-gradient(135deg, #BDEDACCE 3%, #EDABBD 89%);

 

HEX #BDEDACCE zu HEX #EDABBD


CSS-Code:

background-image: radial-gradient(circle, #BDEDACCE 2%, #EDABBD 87%);

 

HEX #EDABBD zu HEX #BDEDACCE


CSS-Code:

background-image: linear-gradient(135deg, #EDABBD 8%, #BDEDACCE 94%);

 

HEX #EDABBD zu HEX #BDEDACCE


CSS-Code:

background-image: radial-gradient(circle, #EDABBD 10%, #BDEDACCE 89%);

Linear

HEX #BDEDACCE zu HEX #ABEDE8


CSS-Code:

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

Radial

HEX #BDEDACCE zu HEX #ABEDE8


CSS-Code:

background-image: radial-gradient(circle, #BDEDACCE 8%, #ABEDE8 92%);

 

HEX #ABEDE8 zu HEX #BDEDACCE


CSS-Code:

background-image: linear-gradient(135deg, #ABEDE8 2%, #BDEDACCE 91%);

 

HEX #ABEDE8 zu HEX #BDEDACCE


CSS-Code:

background-image: radial-gradient(circle, #ABEDE8 6%, #BDEDACCE 92%);

 

HEX #BDEDACCE zu HEX #DBABED


CSS-Code:

background-image: linear-gradient(135deg, #BDEDACCE 10%, #DBABED 98%);

 

HEX #BDEDACCE zu HEX #DBABED


CSS-Code:

background-image: radial-gradient(circle, #BDEDACCE 5%, #DBABED 98%);

 

HEX #DBABED zu HEX #BDEDACCE


CSS-Code:

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

 

HEX #DBABED zu HEX #BDEDACCE


CSS-Code:

background-image: radial-gradient(circle, #DBABED 7%, #BDEDACCE 89%);

 

HEX #BDEDACCE zu HEX #EDABB0


CSS-Code:

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

 

HEX #BDEDACCE zu HEX #EDABB0


CSS-Code:

background-image: radial-gradient(circle, #BDEDACCE 12%, #EDABB0 88%);

 

HEX #EDABB0 zu HEX #BDEDACCE


CSS-Code:

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

 

HEX #EDABB0 zu HEX #BDEDACCE


CSS-Code:

background-image: radial-gradient(circle, #EDABB0 7%, #BDEDACCE 90%);

Linear

HEX #BDEDACCE zu HEX #ABDDED


CSS-Code:

background-image: linear-gradient(135deg, #BDEDACCE 13%, #ABDDED 88%);

Radial

HEX #BDEDACCE zu HEX #ABDDED


CSS-Code:

background-image: radial-gradient(circle, #BDEDACCE 2%, #ABDDED 97%);

 

HEX #ABDDED zu HEX #BDEDACCE


CSS-Code:

background-image: linear-gradient(135deg, #ABDDED 4%, #BDEDACCE 95%);

 

HEX #ABDDED zu HEX #BDEDACCE


CSS-Code:

background-image: radial-gradient(circle, #ABDDED 10%, #BDEDACCE 89%);

 

HEX #BDEDACCE zu HEX #DBABED


CSS-Code:

background-image: linear-gradient(135deg, #BDEDACCE 11%, #DBABED 90%);

 

HEX #BDEDACCE zu HEX #DBABED


CSS-Code:

background-image: radial-gradient(circle, #BDEDACCE 14%, #DBABED 98%);

 

HEX #DBABED zu HEX #BDEDACCE


CSS-Code:

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

 

HEX #DBABED zu HEX #BDEDACCE


CSS-Code:

background-image: radial-gradient(circle, #DBABED 1%, #BDEDACCE 98%);

 

HEX #BDEDACCE zu HEX #EDBBAB


CSS-Code:

background-image: linear-gradient(135deg, #BDEDACCE 4%, #EDBBAB 100%);

 

HEX #BDEDACCE zu HEX #EDBBAB


CSS-Code:

background-image: radial-gradient(circle, #BDEDACCE 10%, #EDBBAB 92%);

 

HEX #EDBBAB zu HEX #BDEDACCE


CSS-Code:

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

 

HEX #EDBBAB zu HEX #BDEDACCE


CSS-Code:

background-image: radial-gradient(circle, #EDBBAB 6%, #BDEDACCE 90%);

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

Icons

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)

nsc-logo

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

Icons

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)

nsc-logo

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)

nsc-logo

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

Icons

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)

nsc-logo

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

Icons

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)

nsc-logo

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

Icons

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)

nsc-logo

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

Icons

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)

nsc-logo

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

Icons

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)

nsc-logo

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

Icons

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.

Abbrechen Teilen

Farbpalette geteilt
Bitte kopieren und speichern Sie den gewünschten Link.

Teilen

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
Schließen

Erstellen Sie eine Farbpalette

HerunterladenHerunterladen in verschiedenen Formaten

Alle Entfernen

Durch Klicken auf können Sie Paletten erstellen und die Farbfelder herunterladen.