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

CSS Gradienten:
#BBAA91

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

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #BBAA91 zu HEX #44556E


CSS-Code:

background-image: linear-gradient(135deg, #BBAA91 1%, #44556E 86%);

Radial

HEX #BBAA91 zu HEX #44556E


CSS-Code:

background-image: radial-gradient(circle, #BBAA91 14%, #44556E 97%);

 

HEX #44556E zu HEX #BBAA91


CSS-Code:

background-image: linear-gradient(135deg, #44556E 5%, #BBAA91 92%);

 

HEX #44556E zu HEX #BBAA91


CSS-Code:

background-image: radial-gradient(circle, #44556E 12%, #BBAA91 88%);

Linear

HEX #BBAA91 zu HEX #BB9E90


CSS-Code:

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

Radial

HEX #BBAA91 zu HEX #BB9E90


CSS-Code:

background-image: radial-gradient(circle, #BBAA91 9%, #BB9E90 88%);

 

HEX #BB9E90 zu HEX #BBAA91


CSS-Code:

background-image: linear-gradient(135deg, #BB9E90 13%, #BBAA91 100%);

 

HEX #BB9E90 zu HEX #BBAA91


CSS-Code:

background-image: radial-gradient(circle, #BB9E90 4%, #BBAA91 86%);

 

HEX #BBAA91 zu HEX #BBA990


CSS-Code:

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

 

HEX #BBAA91 zu HEX #BBA990


CSS-Code:

background-image: radial-gradient(circle, #BBAA91 12%, #BBA990 93%);

 

HEX #BBA990 zu HEX #BBAA91


CSS-Code:

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

 

HEX #BBA990 zu HEX #BBAA91


CSS-Code:

background-image: radial-gradient(circle, #BBA990 14%, #BBAA91 96%);

 

HEX #BBAA91 zu HEX #BBB590


CSS-Code:

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

 

HEX #BBAA91 zu HEX #BBB590


CSS-Code:

background-image: radial-gradient(circle, #BBAA91 0%, #BBB590 91%);

 

HEX #BBB590 zu HEX #BBAA91


CSS-Code:

background-image: linear-gradient(135deg, #BBB590 9%, #BBAA91 99%);

 

HEX #BBB590 zu HEX #BBAA91


CSS-Code:

background-image: radial-gradient(circle, #BBB590 9%, #BBAA91 90%);

 

HEX #BBAA91 zu HEX #B6BB90


CSS-Code:

background-image: linear-gradient(135deg, #BBAA91 0%, #B6BB90 87%);

 

HEX #BBAA91 zu HEX #B6BB90


CSS-Code:

background-image: radial-gradient(circle, #BBAA91 13%, #B6BB90 91%);

 

HEX #B6BB90 zu HEX #BBAA91


CSS-Code:

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

 

HEX #B6BB90 zu HEX #BBAA91


CSS-Code:

background-image: radial-gradient(circle, #B6BB90 13%, #BBAA91 90%);

Linear

HEX #BBAA91 zu HEX #AB9677


CSS-Code:

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

Radial

HEX #BBAA91 zu HEX #AB9677


CSS-Code:

background-image: radial-gradient(circle, #BBAA91 6%, #AB9677 99%);

 

HEX #AB9677 zu HEX #BBAA91


CSS-Code:

background-image: linear-gradient(135deg, #AB9677 2%, #BBAA91 95%);

 

HEX #AB9677 zu HEX #BBAA91


CSS-Code:

background-image: radial-gradient(circle, #AB9677 11%, #BBAA91 92%);

 

HEX #BBAA91 zu HEX #BBAA90


CSS-Code:

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

 

HEX #BBAA91 zu HEX #BBAA90


CSS-Code:

background-image: radial-gradient(circle, #BBAA91 14%, #BBAA90 98%);

 

HEX #BBAA90 zu HEX #BBAA91


CSS-Code:

background-image: linear-gradient(135deg, #BBAA90 0%, #BBAA91 87%);

 

HEX #BBAA90 zu HEX #BBAA91


CSS-Code:

background-image: radial-gradient(circle, #BBAA90 10%, #BBAA91 96%);

 

HEX #BBAA91 zu HEX #CBBEAA


CSS-Code:

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

 

HEX #BBAA91 zu HEX #CBBEAA


CSS-Code:

background-image: radial-gradient(circle, #BBAA91 6%, #CBBEAA 95%);

 

HEX #CBBEAA zu HEX #BBAA91


CSS-Code:

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

 

HEX #CBBEAA zu HEX #BBAA91


CSS-Code:

background-image: radial-gradient(circle, #CBBEAA 1%, #BBAA91 94%);

 

HEX #BBAA91 zu HEX #DBD1C3


CSS-Code:

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

 

HEX #BBAA91 zu HEX #DBD1C3


CSS-Code:

background-image: radial-gradient(circle, #BBAA91 6%, #DBD1C3 87%);

 

HEX #DBD1C3 zu HEX #BBAA91


CSS-Code:

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

 

HEX #DBD1C3 zu HEX #BBAA91


CSS-Code:

background-image: radial-gradient(circle, #DBD1C3 3%, #BBAA91 88%);

Linear

HEX #BBAA91 zu HEX #BB9E90


CSS-Code:

background-image: linear-gradient(135deg, #BBAA91 14%, #BB9E90 95%);

Radial

HEX #BBAA91 zu HEX #BB9E90


CSS-Code:

background-image: radial-gradient(circle, #BBAA91 1%, #BB9E90 88%);

 

HEX #BB9E90 zu HEX #BBAA91


CSS-Code:

background-image: linear-gradient(135deg, #BB9E90 14%, #BBAA91 86%);

 

HEX #BB9E90 zu HEX #BBAA91


CSS-Code:

background-image: radial-gradient(circle, #BB9E90 3%, #BBAA91 88%);

 

HEX #BBAA91 zu HEX #BBA990


CSS-Code:

background-image: linear-gradient(135deg, #BBAA91 3%, #BBA990 100%);

 

HEX #BBAA91 zu HEX #BBA990


CSS-Code:

background-image: radial-gradient(circle, #BBAA91 7%, #BBA990 90%);

 

HEX #BBA990 zu HEX #BBAA91


CSS-Code:

background-image: linear-gradient(135deg, #BBA990 13%, #BBAA91 97%);

 

HEX #BBA990 zu HEX #BBAA91


CSS-Code:

background-image: radial-gradient(circle, #BBA990 10%, #BBAA91 92%);

 

HEX #BBAA91 zu HEX #BBB590


CSS-Code:

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

 

HEX #BBAA91 zu HEX #BBB590


CSS-Code:

background-image: radial-gradient(circle, #BBAA91 2%, #BBB590 96%);

 

HEX #BBB590 zu HEX #BBAA91


CSS-Code:

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

 

HEX #BBB590 zu HEX #BBAA91


CSS-Code:

background-image: radial-gradient(circle, #BBB590 12%, #BBAA91 94%);

 

HEX #BBAA91 zu HEX #B6BB90


CSS-Code:

background-image: linear-gradient(135deg, #BBAA91 3%, #B6BB90 99%);

 

HEX #BBAA91 zu HEX #B6BB90


CSS-Code:

background-image: radial-gradient(circle, #BBAA91 7%, #B6BB90 93%);

 

HEX #B6BB90 zu HEX #BBAA91


CSS-Code:

background-image: linear-gradient(135deg, #B6BB90 0%, #BBAA91 97%);

 

HEX #B6BB90 zu HEX #BBAA91


CSS-Code:

background-image: radial-gradient(circle, #B6BB90 5%, #BBAA91 93%);

Linear

HEX #BBAA91 zu HEX #AB9677


CSS-Code:

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

Radial

HEX #BBAA91 zu HEX #AB9677


CSS-Code:

background-image: radial-gradient(circle, #BBAA91 7%, #AB9677 88%);

 

HEX #AB9677 zu HEX #BBAA91


CSS-Code:

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

 

HEX #AB9677 zu HEX #BBAA91


CSS-Code:

background-image: radial-gradient(circle, #AB9677 6%, #BBAA91 88%);

 

HEX #BBAA91 zu HEX #BBAA90


CSS-Code:

background-image: linear-gradient(135deg, #BBAA91 13%, #BBAA90 97%);

 

HEX #BBAA91 zu HEX #BBAA90


CSS-Code:

background-image: radial-gradient(circle, #BBAA91 6%, #BBAA90 94%);

 

HEX #BBAA90 zu HEX #BBAA91


CSS-Code:

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

 

HEX #BBAA90 zu HEX #BBAA91


CSS-Code:

background-image: radial-gradient(circle, #BBAA90 5%, #BBAA91 92%);

 

HEX #BBAA91 zu HEX #CBBEAA


CSS-Code:

background-image: linear-gradient(135deg, #BBAA91 12%, #CBBEAA 87%);

 

HEX #BBAA91 zu HEX #CBBEAA


CSS-Code:

background-image: radial-gradient(circle, #BBAA91 9%, #CBBEAA 97%);

 

HEX #CBBEAA zu HEX #BBAA91


CSS-Code:

background-image: linear-gradient(135deg, #CBBEAA 8%, #BBAA91 86%);

 

HEX #CBBEAA zu HEX #BBAA91


CSS-Code:

background-image: radial-gradient(circle, #CBBEAA 11%, #BBAA91 90%);

 

HEX #BBAA91 zu HEX #DBD1C3


CSS-Code:

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

 

HEX #BBAA91 zu HEX #DBD1C3


CSS-Code:

background-image: radial-gradient(circle, #BBAA91 5%, #DBD1C3 86%);

 

HEX #DBD1C3 zu HEX #BBAA91


CSS-Code:

background-image: linear-gradient(135deg, #DBD1C3 12%, #BBAA91 87%);

 

HEX #DBD1C3 zu HEX #BBAA91


CSS-Code:

background-image: radial-gradient(circle, #DBD1C3 13%, #BBAA91 87%);

Linear

HEX #BBAA91 zu HEX #9ABB90


CSS-Code:

background-image: linear-gradient(135deg, #BBAA91 14%, #9ABB90 88%);

Radial

HEX #BBAA91 zu HEX #9ABB90


CSS-Code:

background-image: radial-gradient(circle, #BBAA91 10%, #9ABB90 91%);

 

HEX #9ABB90 zu HEX #BBAA91


CSS-Code:

background-image: linear-gradient(135deg, #9ABB90 1%, #BBAA91 96%);

 

HEX #9ABB90 zu HEX #BBAA91


CSS-Code:

background-image: radial-gradient(circle, #9ABB90 12%, #BBAA91 95%);

 

HEX #BBAA91 zu HEX #9890BB


CSS-Code:

background-image: linear-gradient(135deg, #BBAA91 0%, #9890BB 98%);

 

HEX #BBAA91 zu HEX #9890BB


CSS-Code:

background-image: radial-gradient(circle, #BBAA91 5%, #9890BB 96%);

 

HEX #9890BB zu HEX #BBAA91


CSS-Code:

background-image: linear-gradient(135deg, #9890BB 6%, #BBAA91 98%);

 

HEX #9890BB zu HEX #BBAA91


CSS-Code:

background-image: radial-gradient(circle, #9890BB 9%, #BBAA91 89%);

Linear

HEX #BBAA91 zu HEX #90BBA9


CSS-Code:

background-image: linear-gradient(135deg, #BBAA91 0%, #90BBA9 88%);

Radial

HEX #BBAA91 zu HEX #90BBA9


CSS-Code:

background-image: radial-gradient(circle, #BBAA91 10%, #90BBA9 87%);

 

HEX #90BBA9 zu HEX #BBAA91


CSS-Code:

background-image: linear-gradient(135deg, #90BBA9 10%, #BBAA91 91%);

 

HEX #90BBA9 zu HEX #BBAA91


CSS-Code:

background-image: radial-gradient(circle, #90BBA9 12%, #BBAA91 87%);

 

HEX #BBAA91 zu HEX #A990BB


CSS-Code:

background-image: linear-gradient(135deg, #BBAA91 7%, #A990BB 91%);

 

HEX #BBAA91 zu HEX #A990BB


CSS-Code:

background-image: radial-gradient(circle, #BBAA91 5%, #A990BB 90%);

 

HEX #A990BB zu HEX #BBAA91


CSS-Code:

background-image: linear-gradient(135deg, #A990BB 5%, #BBAA91 87%);

 

HEX #A990BB zu HEX #BBAA91


CSS-Code:

background-image: radial-gradient(circle, #A990BB 14%, #BBAA91 94%);

Linear

HEX #BBAA91 zu HEX #9ABB90


CSS-Code:

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

Radial

HEX #BBAA91 zu HEX #9ABB90


CSS-Code:

background-image: radial-gradient(circle, #BBAA91 8%, #9ABB90 92%);

 

HEX #9ABB90 zu HEX #BBAA91


CSS-Code:

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

 

HEX #9ABB90 zu HEX #BBAA91


CSS-Code:

background-image: radial-gradient(circle, #9ABB90 0%, #BBAA91 94%);

 

HEX #BBAA91 zu HEX #90A2BB


CSS-Code:

background-image: linear-gradient(135deg, #BBAA91 7%, #90A2BB 99%);

 

HEX #BBAA91 zu HEX #90A2BB


CSS-Code:

background-image: radial-gradient(circle, #BBAA91 6%, #90A2BB 95%);

 

HEX #90A2BB zu HEX #BBAA91


CSS-Code:

background-image: linear-gradient(135deg, #90A2BB 2%, #BBAA91 86%);

 

HEX #90A2BB zu HEX #BBAA91


CSS-Code:

background-image: radial-gradient(circle, #90A2BB 11%, #BBAA91 88%);

 

HEX #BBAA91 zu HEX #B290BB


CSS-Code:

background-image: linear-gradient(135deg, #BBAA91 11%, #B290BB 98%);

 

HEX #BBAA91 zu HEX #B290BB


CSS-Code:

background-image: radial-gradient(circle, #BBAA91 12%, #B290BB 100%);

 

HEX #B290BB zu HEX #BBAA91


CSS-Code:

background-image: linear-gradient(135deg, #B290BB 6%, #BBAA91 86%);

 

HEX #B290BB zu HEX #BBAA91


CSS-Code:

background-image: radial-gradient(circle, #B290BB 8%, #BBAA91 93%);

Linear

HEX #BBAA91 zu HEX #90BB94


CSS-Code:

background-image: linear-gradient(135deg, #BBAA91 13%, #90BB94 93%);

Radial

HEX #BBAA91 zu HEX #90BB94


CSS-Code:

background-image: radial-gradient(circle, #BBAA91 6%, #90BB94 88%);

 

HEX #90BB94 zu HEX #BBAA91


CSS-Code:

background-image: linear-gradient(135deg, #90BB94 1%, #BBAA91 99%);

 

HEX #90BB94 zu HEX #BBAA91


CSS-Code:

background-image: radial-gradient(circle, #90BB94 8%, #BBAA91 91%);

 

HEX #BBAA91 zu HEX #90A2BB


CSS-Code:

background-image: linear-gradient(135deg, #BBAA91 8%, #90A2BB 98%);

 

HEX #BBAA91 zu HEX #90A2BB


CSS-Code:

background-image: radial-gradient(circle, #BBAA91 1%, #90A2BB 88%);

 

HEX #90A2BB zu HEX #BBAA91


CSS-Code:

background-image: linear-gradient(135deg, #90A2BB 13%, #BBAA91 100%);

 

HEX #90A2BB zu HEX #BBAA91


CSS-Code:

background-image: radial-gradient(circle, #90A2BB 5%, #BBAA91 89%);

 

HEX #BBAA91 zu HEX #BB90B8


CSS-Code:

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

 

HEX #BBAA91 zu HEX #BB90B8


CSS-Code:

background-image: radial-gradient(circle, #BBAA91 7%, #BB90B8 97%);

 

HEX #BB90B8 zu HEX #BBAA91


CSS-Code:

background-image: linear-gradient(135deg, #BB90B8 7%, #BBAA91 91%);

 

HEX #BB90B8 zu HEX #BBAA91


CSS-Code:

background-image: radial-gradient(circle, #BB90B8 3%, #BBAA91 100%);

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.