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

CSS Gradienten:
#BAAF63

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

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #BAAF63 zu HEX #45509C


CSS-Code:

background-image: linear-gradient(135deg, #BAAF63 4%, #45509C 97%);

Radial

HEX #BAAF63 zu HEX #45509C


CSS-Code:

background-image: radial-gradient(circle, #BAAF63 14%, #45509C 86%);

 

HEX #45509C zu HEX #BAAF63


CSS-Code:

background-image: linear-gradient(135deg, #45509C 14%, #BAAF63 97%);

 

HEX #45509C zu HEX #BAAF63


CSS-Code:

background-image: radial-gradient(circle, #45509C 1%, #BAAF63 97%);

Linear

HEX #BAAF63 zu HEX #BB9863


CSS-Code:

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

Radial

HEX #BAAF63 zu HEX #BB9863


CSS-Code:

background-image: radial-gradient(circle, #BAAF63 5%, #BB9863 91%);

 

HEX #BB9863 zu HEX #BAAF63


CSS-Code:

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

 

HEX #BB9863 zu HEX #BAAF63


CSS-Code:

background-image: radial-gradient(circle, #BB9863 12%, #BAAF63 99%);

 

HEX #BAAF63 zu HEX #BBAF63


CSS-Code:

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

 

HEX #BAAF63 zu HEX #BBAF63


CSS-Code:

background-image: radial-gradient(circle, #BAAF63 14%, #BBAF63 86%);

 

HEX #BBAF63 zu HEX #BAAF63


CSS-Code:

background-image: linear-gradient(135deg, #BBAF63 3%, #BAAF63 90%);

 

HEX #BBAF63 zu HEX #BAAF63


CSS-Code:

background-image: radial-gradient(circle, #BBAF63 3%, #BAAF63 88%);

 

HEX #BAAF63 zu HEX #AFBB63


CSS-Code:

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

 

HEX #BAAF63 zu HEX #AFBB63


CSS-Code:

background-image: radial-gradient(circle, #BAAF63 5%, #AFBB63 89%);

 

HEX #AFBB63 zu HEX #BAAF63


CSS-Code:

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

 

HEX #AFBB63 zu HEX #BAAF63


CSS-Code:

background-image: radial-gradient(circle, #AFBB63 4%, #BAAF63 91%);

 

HEX #BAAF63 zu HEX #98BB63


CSS-Code:

background-image: linear-gradient(135deg, #BAAF63 4%, #98BB63 97%);

 

HEX #BAAF63 zu HEX #98BB63


CSS-Code:

background-image: radial-gradient(circle, #BAAF63 4%, #98BB63 93%);

 

HEX #98BB63 zu HEX #BAAF63


CSS-Code:

background-image: linear-gradient(135deg, #98BB63 9%, #BAAF63 90%);

 

HEX #98BB63 zu HEX #BAAF63


CSS-Code:

background-image: radial-gradient(circle, #98BB63 8%, #BAAF63 92%);

Linear

HEX #BAAF63 zu HEX #AA9E4B


CSS-Code:

background-image: linear-gradient(135deg, #BAAF63 0%, #AA9E4B 94%);

Radial

HEX #BAAF63 zu HEX #AA9E4B


CSS-Code:

background-image: radial-gradient(circle, #BAAF63 8%, #AA9E4B 96%);

 

HEX #AA9E4B zu HEX #BAAF63


CSS-Code:

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

 

HEX #AA9E4B zu HEX #BAAF63


CSS-Code:

background-image: radial-gradient(circle, #AA9E4B 13%, #BAAF63 96%);

 

HEX #BAAF63 zu HEX #BBAF63


CSS-Code:

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

 

HEX #BAAF63 zu HEX #BBAF63


CSS-Code:

background-image: radial-gradient(circle, #BAAF63 7%, #BBAF63 88%);

 

HEX #BBAF63 zu HEX #BAAF63


CSS-Code:

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

 

HEX #BBAF63 zu HEX #BAAF63


CSS-Code:

background-image: radial-gradient(circle, #BBAF63 12%, #BAAF63 89%);

 

HEX #BAAF63 zu HEX #C7BE80


CSS-Code:

background-image: linear-gradient(135deg, #BAAF63 0%, #C7BE80 95%);

 

HEX #BAAF63 zu HEX #C7BE80


CSS-Code:

background-image: radial-gradient(circle, #BAAF63 8%, #C7BE80 89%);

 

HEX #C7BE80 zu HEX #BAAF63


CSS-Code:

background-image: linear-gradient(135deg, #C7BE80 12%, #BAAF63 88%);

 

HEX #C7BE80 zu HEX #BAAF63


CSS-Code:

background-image: radial-gradient(circle, #C7BE80 8%, #BAAF63 94%);

 

HEX #BAAF63 zu HEX #D4CD9C


CSS-Code:

background-image: linear-gradient(135deg, #BAAF63 10%, #D4CD9C 89%);

 

HEX #BAAF63 zu HEX #D4CD9C


CSS-Code:

background-image: radial-gradient(circle, #BAAF63 14%, #D4CD9C 91%);

 

HEX #D4CD9C zu HEX #BAAF63


CSS-Code:

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

 

HEX #D4CD9C zu HEX #BAAF63


CSS-Code:

background-image: radial-gradient(circle, #D4CD9C 0%, #BAAF63 100%);

Linear

HEX #BAAF63 zu HEX #BB9863


CSS-Code:

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

Radial

HEX #BAAF63 zu HEX #BB9863


CSS-Code:

background-image: radial-gradient(circle, #BAAF63 8%, #BB9863 88%);

 

HEX #BB9863 zu HEX #BAAF63


CSS-Code:

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

 

HEX #BB9863 zu HEX #BAAF63


CSS-Code:

background-image: radial-gradient(circle, #BB9863 10%, #BAAF63 86%);

 

HEX #BAAF63 zu HEX #BBAF63


CSS-Code:

background-image: linear-gradient(135deg, #BAAF63 5%, #BBAF63 97%);

 

HEX #BAAF63 zu HEX #BBAF63


CSS-Code:

background-image: radial-gradient(circle, #BAAF63 8%, #BBAF63 86%);

 

HEX #BBAF63 zu HEX #BAAF63


CSS-Code:

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

 

HEX #BBAF63 zu HEX #BAAF63


CSS-Code:

background-image: radial-gradient(circle, #BBAF63 4%, #BAAF63 91%);

 

HEX #BAAF63 zu HEX #AFBB63


CSS-Code:

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

 

HEX #BAAF63 zu HEX #AFBB63


CSS-Code:

background-image: radial-gradient(circle, #BAAF63 13%, #AFBB63 91%);

 

HEX #AFBB63 zu HEX #BAAF63


CSS-Code:

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

 

HEX #AFBB63 zu HEX #BAAF63


CSS-Code:

background-image: radial-gradient(circle, #AFBB63 1%, #BAAF63 98%);

 

HEX #BAAF63 zu HEX #98BB63


CSS-Code:

background-image: linear-gradient(135deg, #BAAF63 4%, #98BB63 94%);

 

HEX #BAAF63 zu HEX #98BB63


CSS-Code:

background-image: radial-gradient(circle, #BAAF63 13%, #98BB63 89%);

 

HEX #98BB63 zu HEX #BAAF63


CSS-Code:

background-image: linear-gradient(135deg, #98BB63 14%, #BAAF63 95%);

 

HEX #98BB63 zu HEX #BAAF63


CSS-Code:

background-image: radial-gradient(circle, #98BB63 4%, #BAAF63 88%);

Linear

HEX #BAAF63 zu HEX #AA9E4B


CSS-Code:

background-image: linear-gradient(135deg, #BAAF63 11%, #AA9E4B 100%);

Radial

HEX #BAAF63 zu HEX #AA9E4B


CSS-Code:

background-image: radial-gradient(circle, #BAAF63 6%, #AA9E4B 100%);

 

HEX #AA9E4B zu HEX #BAAF63


CSS-Code:

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

 

HEX #AA9E4B zu HEX #BAAF63


CSS-Code:

background-image: radial-gradient(circle, #AA9E4B 13%, #BAAF63 86%);

 

HEX #BAAF63 zu HEX #BBAF63


CSS-Code:

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

 

HEX #BAAF63 zu HEX #BBAF63


CSS-Code:

background-image: radial-gradient(circle, #BAAF63 9%, #BBAF63 98%);

 

HEX #BBAF63 zu HEX #BAAF63


CSS-Code:

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

 

HEX #BBAF63 zu HEX #BAAF63


CSS-Code:

background-image: radial-gradient(circle, #BBAF63 12%, #BAAF63 90%);

 

HEX #BAAF63 zu HEX #C7BE80


CSS-Code:

background-image: linear-gradient(135deg, #BAAF63 4%, #C7BE80 90%);

 

HEX #BAAF63 zu HEX #C7BE80


CSS-Code:

background-image: radial-gradient(circle, #BAAF63 13%, #C7BE80 86%);

 

HEX #C7BE80 zu HEX #BAAF63


CSS-Code:

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

 

HEX #C7BE80 zu HEX #BAAF63


CSS-Code:

background-image: radial-gradient(circle, #C7BE80 13%, #BAAF63 97%);

 

HEX #BAAF63 zu HEX #D4CD9C


CSS-Code:

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

 

HEX #BAAF63 zu HEX #D4CD9C


CSS-Code:

background-image: radial-gradient(circle, #BAAF63 9%, #D4CD9C 92%);

 

HEX #D4CD9C zu HEX #BAAF63


CSS-Code:

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

 

HEX #D4CD9C zu HEX #BAAF63


CSS-Code:

background-image: radial-gradient(circle, #D4CD9C 5%, #BAAF63 89%);

Linear

HEX #BAAF63 zu HEX #63BB69


CSS-Code:

background-image: linear-gradient(135deg, #BAAF63 12%, #63BB69 89%);

Radial

HEX #BAAF63 zu HEX #63BB69


CSS-Code:

background-image: radial-gradient(circle, #BAAF63 0%, #63BB69 91%);

 

HEX #63BB69 zu HEX #BAAF63


CSS-Code:

background-image: linear-gradient(135deg, #63BB69 3%, #BAAF63 91%);

 

HEX #63BB69 zu HEX #BAAF63


CSS-Code:

background-image: radial-gradient(circle, #63BB69 10%, #BAAF63 95%);

 

HEX #BAAF63 zu HEX #8C63BB


CSS-Code:

background-image: linear-gradient(135deg, #BAAF63 1%, #8C63BB 89%);

 

HEX #BAAF63 zu HEX #8C63BB


CSS-Code:

background-image: radial-gradient(circle, #BAAF63 12%, #8C63BB 98%);

 

HEX #8C63BB zu HEX #BAAF63


CSS-Code:

background-image: linear-gradient(135deg, #8C63BB 14%, #BAAF63 94%);

 

HEX #8C63BB zu HEX #BAAF63


CSS-Code:

background-image: radial-gradient(circle, #8C63BB 11%, #BAAF63 87%);

Linear

HEX #BAAF63 zu HEX #63BBAF


CSS-Code:

background-image: linear-gradient(135deg, #BAAF63 3%, #63BBAF 91%);

Radial

HEX #BAAF63 zu HEX #63BBAF


CSS-Code:

background-image: radial-gradient(circle, #BAAF63 9%, #63BBAF 95%);

 

HEX #63BBAF zu HEX #BAAF63


CSS-Code:

background-image: linear-gradient(135deg, #63BBAF 5%, #BAAF63 98%);

 

HEX #63BBAF zu HEX #BAAF63


CSS-Code:

background-image: radial-gradient(circle, #63BBAF 4%, #BAAF63 98%);

 

HEX #BAAF63 zu HEX #AF63BB


CSS-Code:

background-image: linear-gradient(135deg, #BAAF63 2%, #AF63BB 93%);

 

HEX #BAAF63 zu HEX #AF63BB


CSS-Code:

background-image: radial-gradient(circle, #BAAF63 6%, #AF63BB 99%);

 

HEX #AF63BB zu HEX #BAAF63


CSS-Code:

background-image: linear-gradient(135deg, #AF63BB 5%, #BAAF63 94%);

 

HEX #AF63BB zu HEX #BAAF63


CSS-Code:

background-image: radial-gradient(circle, #AF63BB 10%, #BAAF63 87%);

Linear

HEX #BAAF63 zu HEX #63BB69


CSS-Code:

background-image: linear-gradient(135deg, #BAAF63 12%, #63BB69 94%);

Radial

HEX #BAAF63 zu HEX #63BB69


CSS-Code:

background-image: radial-gradient(circle, #BAAF63 0%, #63BB69 96%);

 

HEX #63BB69 zu HEX #BAAF63


CSS-Code:

background-image: linear-gradient(135deg, #63BB69 13%, #BAAF63 94%);

 

HEX #63BB69 zu HEX #BAAF63


CSS-Code:

background-image: radial-gradient(circle, #63BB69 7%, #BAAF63 88%);

 

HEX #BAAF63 zu HEX #636FBB


CSS-Code:

background-image: linear-gradient(135deg, #BAAF63 13%, #636FBB 87%);

 

HEX #BAAF63 zu HEX #636FBB


CSS-Code:

background-image: radial-gradient(circle, #BAAF63 11%, #636FBB 100%);

 

HEX #636FBB zu HEX #BAAF63


CSS-Code:

background-image: linear-gradient(135deg, #636FBB 1%, #BAAF63 90%);

 

HEX #636FBB zu HEX #BAAF63


CSS-Code:

background-image: radial-gradient(circle, #636FBB 7%, #BAAF63 100%);

 

HEX #BAAF63 zu HEX #BB63B5


CSS-Code:

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

 

HEX #BAAF63 zu HEX #BB63B5


CSS-Code:

background-image: radial-gradient(circle, #BAAF63 0%, #BB63B5 91%);

 

HEX #BB63B5 zu HEX #BAAF63


CSS-Code:

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

 

HEX #BB63B5 zu HEX #BAAF63


CSS-Code:

background-image: radial-gradient(circle, #BB63B5 14%, #BAAF63 89%);

Linear

HEX #BAAF63 zu HEX #63BB83


CSS-Code:

background-image: linear-gradient(135deg, #BAAF63 10%, #63BB83 89%);

Radial

HEX #BAAF63 zu HEX #63BB83


CSS-Code:

background-image: radial-gradient(circle, #BAAF63 11%, #63BB83 95%);

 

HEX #63BB83 zu HEX #BAAF63


CSS-Code:

background-image: linear-gradient(135deg, #63BB83 12%, #BAAF63 95%);

 

HEX #63BB83 zu HEX #BAAF63


CSS-Code:

background-image: radial-gradient(circle, #63BB83 10%, #BAAF63 91%);

 

HEX #BAAF63 zu HEX #636FBB


CSS-Code:

background-image: linear-gradient(135deg, #BAAF63 2%, #636FBB 92%);

 

HEX #BAAF63 zu HEX #636FBB


CSS-Code:

background-image: radial-gradient(circle, #BAAF63 8%, #636FBB 99%);

 

HEX #636FBB zu HEX #BAAF63


CSS-Code:

background-image: linear-gradient(135deg, #636FBB 10%, #BAAF63 100%);

 

HEX #636FBB zu HEX #BAAF63


CSS-Code:

background-image: radial-gradient(circle, #636FBB 14%, #BAAF63 90%);

 

HEX #BAAF63 zu HEX #BB639A


CSS-Code:

background-image: linear-gradient(135deg, #BAAF63 0%, #BB639A 86%);

 

HEX #BAAF63 zu HEX #BB639A


CSS-Code:

background-image: radial-gradient(circle, #BAAF63 2%, #BB639A 92%);

 

HEX #BB639A zu HEX #BAAF63


CSS-Code:

background-image: linear-gradient(135deg, #BB639A 1%, #BAAF63 96%);

 

HEX #BB639A zu HEX #BAAF63


CSS-Code:

background-image: radial-gradient(circle, #BB639A 11%, #BAAF63 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.