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

CSS Gradienten:
RGB 163 143 171

Information

schließe alle

Lass Dir 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: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Lass Dir 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: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Lass Dir 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: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Anzeigeoptionen

Beschreibung

Da die Farbwerte im Vergleich zu anderen relativ hoch sind, erscheint uns dieser Farbton heller.

Die Aufschlüsselung der Farbe in das RGB-Farbsystem: In diesem Farbton sind von 255 maximalen Farbanteilen jeweils 163 Rot, 143 Grün und 171 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.
163 143 171 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 5 Cyan, 16 Magenta, keine Gelb und 33 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.
5% 16% 0% 33% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #A38FAB zu HEX #5C7054


CSS-Code:

background-image: linear-gradient(135deg, #A38FAB 11%, #5C7054 86%);

Radial

HEX #A38FAB zu HEX #5C7054


CSS-Code:

background-image: radial-gradient(circle, #A38FAB 9%, #5C7054 98%);

 

HEX #5C7054 zu HEX #A38FAB


CSS-Code:

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

 

HEX #5C7054 zu HEX #A38FAB


CSS-Code:

background-image: radial-gradient(circle, #5C7054 11%, #A38FAB 86%);

Linear

HEX #A38FAB zu HEX #B9A1B9


CSS-Code:

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

Radial

HEX #A38FAB zu HEX #B9A1B9


CSS-Code:

background-image: radial-gradient(circle, #A38FAB 8%, #B9A1B9 90%);

 

HEX #B9A1B9 zu HEX #A38FAB


CSS-Code:

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

 

HEX #B9A1B9 zu HEX #A38FAB


CSS-Code:

background-image: radial-gradient(circle, #B9A1B9 12%, #A38FAB 88%);

 

HEX #A38FAB zu HEX #CAB3CC


CSS-Code:

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

 

HEX #A38FAB zu HEX #CAB3CC


CSS-Code:

background-image: radial-gradient(circle, #A38FAB 7%, #CAB3CC 98%);

 

HEX #CAB3CC zu HEX #A38FAB


CSS-Code:

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

 

HEX #CAB3CC zu HEX #A38FAB


CSS-Code:

background-image: radial-gradient(circle, #CAB3CC 8%, #A38FAB 88%);

 

HEX #A38FAB zu HEX #DBC5DF


CSS-Code:

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

 

HEX #A38FAB zu HEX #DBC5DF


CSS-Code:

background-image: radial-gradient(circle, #A38FAB 8%, #DBC5DF 97%);

 

HEX #DBC5DF zu HEX #A38FAB


CSS-Code:

background-image: linear-gradient(135deg, #DBC5DF 1%, #A38FAB 92%);

 

HEX #DBC5DF zu HEX #A38FAB


CSS-Code:

background-image: radial-gradient(circle, #DBC5DF 7%, #A38FAB 88%);

 

HEX #A38FAB zu HEX #ECD7F2


CSS-Code:

background-image: linear-gradient(135deg, #A38FAB 13%, #ECD7F2 87%);

 

HEX #A38FAB zu HEX #ECD7F2


CSS-Code:

background-image: radial-gradient(circle, #A38FAB 2%, #ECD7F2 94%);

 

HEX #ECD7F2 zu HEX #A38FAB


CSS-Code:

background-image: linear-gradient(135deg, #ECD7F2 11%, #A38FAB 87%);

 

HEX #ECD7F2 zu HEX #A38FAB


CSS-Code:

background-image: radial-gradient(circle, #ECD7F2 6%, #A38FAB 93%);

Linear

HEX #A38FAB zu HEX #927D98


CSS-Code:

background-image: linear-gradient(135deg, #A38FAB 7%, #927D98 99%);

Radial

HEX #A38FAB zu HEX #927D98


CSS-Code:

background-image: radial-gradient(circle, #A38FAB 14%, #927D98 88%);

 

HEX #927D98 zu HEX #A38FAB


CSS-Code:

background-image: linear-gradient(135deg, #927D98 1%, #A38FAB 94%);

 

HEX #927D98 zu HEX #A38FAB


CSS-Code:

background-image: radial-gradient(circle, #927D98 9%, #A38FAB 97%);

 

HEX #A38FAB zu HEX #816B85


CSS-Code:

background-image: linear-gradient(135deg, #A38FAB 4%, #816B85 98%);

 

HEX #A38FAB zu HEX #816B85


CSS-Code:

background-image: radial-gradient(circle, #A38FAB 11%, #816B85 95%);

 

HEX #816B85 zu HEX #A38FAB


CSS-Code:

background-image: linear-gradient(135deg, #816B85 7%, #A38FAB 92%);

 

HEX #816B85 zu HEX #A38FAB


CSS-Code:

background-image: radial-gradient(circle, #816B85 12%, #A38FAB 87%);

 

HEX #A38FAB zu HEX #705972


CSS-Code:

background-image: linear-gradient(135deg, #A38FAB 2%, #705972 99%);

 

HEX #A38FAB zu HEX #705972


CSS-Code:

background-image: radial-gradient(circle, #A38FAB 1%, #705972 99%);

 

HEX #705972 zu HEX #A38FAB


CSS-Code:

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

 

HEX #705972 zu HEX #A38FAB


CSS-Code:

background-image: radial-gradient(circle, #705972 5%, #A38FAB 95%);

 

HEX #A38FAB zu HEX #5F475F


CSS-Code:

background-image: linear-gradient(135deg, #A38FAB 4%, #5F475F 94%);

 

HEX #A38FAB zu HEX #5F475F


CSS-Code:

background-image: radial-gradient(circle, #A38FAB 4%, #5F475F 89%);

 

HEX #5F475F zu HEX #A38FAB


CSS-Code:

background-image: linear-gradient(135deg, #5F475F 8%, #A38FAB 98%);

 

HEX #5F475F zu HEX #A38FAB


CSS-Code:

background-image: radial-gradient(circle, #5F475F 3%, #A38FAB 95%);

Linear

HEX #A38FAB zu HEX #A890AB


CSS-Code:

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

Radial

HEX #A38FAB zu HEX #A890AB


CSS-Code:

background-image: radial-gradient(circle, #A38FAB 6%, #A890AB 100%);

 

HEX #A890AB zu HEX #A38FAB


CSS-Code:

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

 

HEX #A890AB zu HEX #A38FAB


CSS-Code:

background-image: radial-gradient(circle, #A890AB 6%, #A38FAB 89%);

 

HEX #A38FAB zu HEX #AB90AA


CSS-Code:

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

 

HEX #A38FAB zu HEX #AB90AA


CSS-Code:

background-image: radial-gradient(circle, #A38FAB 12%, #AB90AA 86%);

 

HEX #AB90AA zu HEX #A38FAB


CSS-Code:

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

 

HEX #AB90AA zu HEX #A38FAB


CSS-Code:

background-image: radial-gradient(circle, #AB90AA 8%, #A38FAB 92%);

 

HEX #A38FAB zu HEX #AB90A6


CSS-Code:

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

 

HEX #A38FAB zu HEX #AB90A6


CSS-Code:

background-image: radial-gradient(circle, #A38FAB 1%, #AB90A6 98%);

 

HEX #AB90A6 zu HEX #A38FAB


CSS-Code:

background-image: linear-gradient(135deg, #AB90A6 9%, #A38FAB 93%);

 

HEX #AB90A6 zu HEX #A38FAB


CSS-Code:

background-image: radial-gradient(circle, #AB90A6 2%, #A38FAB 91%);

 

HEX #A38FAB zu HEX #AB90A1


CSS-Code:

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

 

HEX #A38FAB zu HEX #AB90A1


CSS-Code:

background-image: radial-gradient(circle, #A38FAB 8%, #AB90A1 89%);

 

HEX #AB90A1 zu HEX #A38FAB


CSS-Code:

background-image: linear-gradient(135deg, #AB90A1 0%, #A38FAB 93%);

 

HEX #AB90A1 zu HEX #A38FAB


CSS-Code:

background-image: radial-gradient(circle, #AB90A1 14%, #A38FAB 88%);

Linear

HEX #A38FAB zu HEX #D4BADE


CSS-Code:

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

Radial

HEX #A38FAB zu HEX #D4BADE


CSS-Code:

background-image: radial-gradient(circle, #A38FAB 12%, #D4BADE 93%);

 

HEX #D4BADE zu HEX #A38FAB


CSS-Code:

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

 

HEX #D4BADE zu HEX #A38FAB


CSS-Code:

background-image: radial-gradient(circle, #D4BADE 13%, #A38FAB 99%);

 

HEX #A38FAB zu HEX #110F12


CSS-Code:

background-image: linear-gradient(135deg, #A38FAB 4%, #110F12 91%);

 

HEX #A38FAB zu HEX #110F12


CSS-Code:

background-image: radial-gradient(circle, #A38FAB 14%, #110F12 86%);

 

HEX #110F12 zu HEX #A38FAB


CSS-Code:

background-image: linear-gradient(135deg, #110F12 3%, #A38FAB 99%);

 

HEX #110F12 zu HEX #A38FAB


CSS-Code:

background-image: radial-gradient(circle, #110F12 4%, #A38FAB 86%);

 

HEX #A38FAB zu HEX #423A45


CSS-Code:

background-image: linear-gradient(135deg, #A38FAB 11%, #423A45 86%);

 

HEX #A38FAB zu HEX #423A45


CSS-Code:

background-image: radial-gradient(circle, #A38FAB 12%, #423A45 87%);

 

HEX #423A45 zu HEX #A38FAB


CSS-Code:

background-image: linear-gradient(135deg, #423A45 1%, #A38FAB 99%);

 

HEX #423A45 zu HEX #A38FAB


CSS-Code:

background-image: radial-gradient(circle, #423A45 13%, #A38FAB 92%);

 

HEX #A38FAB zu HEX #726478


CSS-Code:

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

 

HEX #A38FAB zu HEX #726478


CSS-Code:

background-image: radial-gradient(circle, #A38FAB 3%, #726478 98%);

 

HEX #726478 zu HEX #A38FAB


CSS-Code:

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

 

HEX #726478 zu HEX #A38FAB


CSS-Code:

background-image: radial-gradient(circle, #726478 6%, #A38FAB 89%);

Linear

HEX #A38FAB zu HEX #AB9093


CSS-Code:

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

Radial

HEX #A38FAB zu HEX #AB9093


CSS-Code:

background-image: radial-gradient(circle, #A38FAB 6%, #AB9093 96%);

 

HEX #AB9093 zu HEX #A38FAB


CSS-Code:

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

 

HEX #AB9093 zu HEX #A38FAB


CSS-Code:

background-image: radial-gradient(circle, #AB9093 13%, #A38FAB 94%);

 

HEX #A38FAB zu HEX #90AB98


CSS-Code:

background-image: linear-gradient(135deg, #A38FAB 3%, #90AB98 88%);

 

HEX #A38FAB zu HEX #90AB98


CSS-Code:

background-image: radial-gradient(circle, #A38FAB 10%, #90AB98 99%);

 

HEX #90AB98 zu HEX #A38FAB


CSS-Code:

background-image: linear-gradient(135deg, #90AB98 7%, #A38FAB 92%);

 

HEX #90AB98 zu HEX #A38FAB


CSS-Code:

background-image: radial-gradient(circle, #90AB98 7%, #A38FAB 100%);

Linear

HEX #A38FAB zu HEX #ABA390


CSS-Code:

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

Radial

HEX #A38FAB zu HEX #ABA390


CSS-Code:

background-image: radial-gradient(circle, #A38FAB 12%, #ABA390 99%);

 

HEX #ABA390 zu HEX #A38FAB


CSS-Code:

background-image: linear-gradient(135deg, #ABA390 5%, #A38FAB 89%);

 

HEX #ABA390 zu HEX #A38FAB


CSS-Code:

background-image: radial-gradient(circle, #ABA390 0%, #A38FAB 92%);

 

HEX #A38FAB zu HEX #90ABA3


CSS-Code:

background-image: linear-gradient(135deg, #A38FAB 2%, #90ABA3 92%);

 

HEX #A38FAB zu HEX #90ABA3


CSS-Code:

background-image: radial-gradient(circle, #A38FAB 8%, #90ABA3 97%);

 

HEX #90ABA3 zu HEX #A38FAB


CSS-Code:

background-image: linear-gradient(135deg, #90ABA3 14%, #A38FAB 90%);

 

HEX #90ABA3 zu HEX #A38FAB


CSS-Code:

background-image: radial-gradient(circle, #90ABA3 3%, #A38FAB 100%);

Linear

HEX #A38FAB zu HEX #AB9093


CSS-Code:

background-image: linear-gradient(135deg, #A38FAB 2%, #AB9093 92%);

Radial

HEX #A38FAB zu HEX #AB9093


CSS-Code:

background-image: radial-gradient(circle, #A38FAB 3%, #AB9093 98%);

 

HEX #AB9093 zu HEX #A38FAB


CSS-Code:

background-image: linear-gradient(135deg, #AB9093 6%, #A38FAB 93%);

 

HEX #AB9093 zu HEX #A38FAB


CSS-Code:

background-image: radial-gradient(circle, #AB9093 0%, #A38FAB 94%);

 

HEX #A38FAB zu HEX #98AB90


CSS-Code:

background-image: linear-gradient(135deg, #A38FAB 0%, #98AB90 88%);

 

HEX #A38FAB zu HEX #98AB90


CSS-Code:

background-image: radial-gradient(circle, #A38FAB 8%, #98AB90 100%);

 

HEX #98AB90 zu HEX #A38FAB


CSS-Code:

background-image: linear-gradient(135deg, #98AB90 11%, #A38FAB 92%);

 

HEX #98AB90 zu HEX #A38FAB


CSS-Code:

background-image: radial-gradient(circle, #98AB90 10%, #A38FAB 89%);

 

HEX #A38FAB zu HEX #90ABA8


CSS-Code:

background-image: linear-gradient(135deg, #A38FAB 9%, #90ABA8 86%);

 

HEX #A38FAB zu HEX #90ABA8


CSS-Code:

background-image: radial-gradient(circle, #A38FAB 4%, #90ABA8 89%);

 

HEX #90ABA8 zu HEX #A38FAB


CSS-Code:

background-image: linear-gradient(135deg, #90ABA8 14%, #A38FAB 95%);

 

HEX #90ABA8 zu HEX #A38FAB


CSS-Code:

background-image: radial-gradient(circle, #90ABA8 11%, #A38FAB 91%);

Linear

HEX #A38FAB zu HEX #AB9590


CSS-Code:

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

Radial

HEX #A38FAB zu HEX #AB9590


CSS-Code:

background-image: radial-gradient(circle, #A38FAB 13%, #AB9590 97%);

 

HEX #AB9590 zu HEX #A38FAB


CSS-Code:

background-image: linear-gradient(135deg, #AB9590 4%, #A38FAB 94%);

 

HEX #AB9590 zu HEX #A38FAB


CSS-Code:

background-image: radial-gradient(circle, #AB9590 13%, #A38FAB 91%);

 

HEX #A38FAB zu HEX #98AB90


CSS-Code:

background-image: linear-gradient(135deg, #A38FAB 13%, #98AB90 90%);

 

HEX #A38FAB zu HEX #98AB90


CSS-Code:

background-image: radial-gradient(circle, #A38FAB 14%, #98AB90 95%);

 

HEX #98AB90 zu HEX #A38FAB


CSS-Code:

background-image: linear-gradient(135deg, #98AB90 2%, #A38FAB 90%);

 

HEX #98AB90 zu HEX #A38FAB


CSS-Code:

background-image: radial-gradient(circle, #98AB90 13%, #A38FAB 88%);

 

HEX #A38FAB zu HEX #90A6AB


CSS-Code:

background-image: linear-gradient(135deg, #A38FAB 8%, #90A6AB 95%);

 

HEX #A38FAB zu HEX #90A6AB


CSS-Code:

background-image: radial-gradient(circle, #A38FAB 8%, #90A6AB 94%);

 

HEX #90A6AB zu HEX #A38FAB


CSS-Code:

background-image: linear-gradient(135deg, #90A6AB 14%, #A38FAB 93%);

 

HEX #90A6AB zu HEX #A38FAB


CSS-Code:

background-image: radial-gradient(circle, #90A6AB 3%, #A38FAB 92%);

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)

To be able to save color palettes, you must be logged in.

Sign in to your account

or

Create an account

Current color palette Share
Should it be public or private?
Link(s) will follow after sharing.

Cancel Share

Color palette shared
Please copy and save the link you want.

Share

OK, I have copied the links

Your colors will be saved in a new color palette.
View it under your profile.
You can further customize it, and share it.

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

By clicking you can create palettes and download the color swatches.