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

✕

CSS Gradienten:
RGB 186 252 212

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #BAFCD4 zu HEX #45032B


CSS-Code:

background-image: linear-gradient(135deg, #BAFCD4 12%, #45032B 97%);

Radial

HEX #BAFCD4 zu HEX #45032B


CSS-Code:

background-image: radial-gradient(circle, #BAFCD4 10%, #45032B 89%);

 

HEX #45032B zu HEX #BAFCD4


CSS-Code:

background-image: linear-gradient(135deg, #45032B 13%, #BAFCD4 99%);

 

HEX #45032B zu HEX #BAFCD4


CSS-Code:

background-image: radial-gradient(circle, #45032B 14%, #BAFCD4 94%);

Linear

HEX #BAFCD4 zu HEX #D0FFE2


CSS-Code:

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

Radial

HEX #BAFCD4 zu HEX #D0FFE2


CSS-Code:

background-image: radial-gradient(circle, #BAFCD4 3%, #D0FFE2 87%);

 

HEX #D0FFE2 zu HEX #BAFCD4


CSS-Code:

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

 

HEX #D0FFE2 zu HEX #BAFCD4


CSS-Code:

background-image: radial-gradient(circle, #D0FFE2 5%, #BAFCD4 87%);

 

HEX #BAFCD4 zu HEX #E1FFF5


CSS-Code:

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

 

HEX #BAFCD4 zu HEX #E1FFF5


CSS-Code:

background-image: radial-gradient(circle, #BAFCD4 0%, #E1FFF5 92%);

 

HEX #E1FFF5 zu HEX #BAFCD4


CSS-Code:

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

 

HEX #E1FFF5 zu HEX #BAFCD4


CSS-Code:

background-image: radial-gradient(circle, #E1FFF5 4%, #BAFCD4 95%);

 

HEX #BAFCD4 zu HEX #F2FFFF


CSS-Code:

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

 

HEX #BAFCD4 zu HEX #F2FFFF


CSS-Code:

background-image: radial-gradient(circle, #BAFCD4 3%, #F2FFFF 92%);

 

HEX #F2FFFF zu HEX #BAFCD4


CSS-Code:

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

 

HEX #F2FFFF zu HEX #BAFCD4


CSS-Code:

background-image: radial-gradient(circle, #F2FFFF 11%, #BAFCD4 94%);

Linear

HEX #BAFCD4 zu HEX #A9EAC1


CSS-Code:

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

Radial

HEX #BAFCD4 zu HEX #A9EAC1


CSS-Code:

background-image: radial-gradient(circle, #BAFCD4 8%, #A9EAC1 99%);

 

HEX #A9EAC1 zu HEX #BAFCD4


CSS-Code:

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

 

HEX #A9EAC1 zu HEX #BAFCD4


CSS-Code:

background-image: radial-gradient(circle, #A9EAC1 8%, #BAFCD4 91%);

 

HEX #BAFCD4 zu HEX #98D8AE


CSS-Code:

background-image: linear-gradient(135deg, #BAFCD4 9%, #98D8AE 86%);

 

HEX #BAFCD4 zu HEX #98D8AE


CSS-Code:

background-image: radial-gradient(circle, #BAFCD4 7%, #98D8AE 99%);

 

HEX #98D8AE zu HEX #BAFCD4


CSS-Code:

background-image: linear-gradient(135deg, #98D8AE 13%, #BAFCD4 89%);

 

HEX #98D8AE zu HEX #BAFCD4


CSS-Code:

background-image: radial-gradient(circle, #98D8AE 10%, #BAFCD4 93%);

 

HEX #BAFCD4 zu HEX #87C69B


CSS-Code:

background-image: linear-gradient(135deg, #BAFCD4 4%, #87C69B 96%);

 

HEX #BAFCD4 zu HEX #87C69B


CSS-Code:

background-image: radial-gradient(circle, #BAFCD4 1%, #87C69B 95%);

 

HEX #87C69B zu HEX #BAFCD4


CSS-Code:

background-image: linear-gradient(135deg, #87C69B 3%, #BAFCD4 86%);

 

HEX #87C69B zu HEX #BAFCD4


CSS-Code:

background-image: radial-gradient(circle, #87C69B 11%, #BAFCD4 97%);

 

HEX #BAFCD4 zu HEX #76B488


CSS-Code:

background-image: linear-gradient(135deg, #BAFCD4 1%, #76B488 89%);

 

HEX #BAFCD4 zu HEX #76B488


CSS-Code:

background-image: radial-gradient(circle, #BAFCD4 8%, #76B488 94%);

 

HEX #76B488 zu HEX #BAFCD4


CSS-Code:

background-image: linear-gradient(135deg, #76B488 0%, #BAFCD4 87%);

 

HEX #76B488 zu HEX #BAFCD4


CSS-Code:

background-image: radial-gradient(circle, #76B488 6%, #BAFCD4 94%);

Linear

HEX #BAFCD4 zu HEX #BAFCDE


CSS-Code:

background-image: linear-gradient(135deg, #BAFCD4 12%, #BAFCDE 91%);

Radial

HEX #BAFCD4 zu HEX #BAFCDE


CSS-Code:

background-image: radial-gradient(circle, #BAFCD4 8%, #BAFCDE 91%);

 

HEX #BAFCDE zu HEX #BAFCD4


CSS-Code:

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

 

HEX #BAFCDE zu HEX #BAFCD4


CSS-Code:

background-image: radial-gradient(circle, #BAFCDE 6%, #BAFCD4 86%);

 

HEX #BAFCD4 zu HEX #BAFCE9


CSS-Code:

background-image: linear-gradient(135deg, #BAFCD4 6%, #BAFCE9 89%);

 

HEX #BAFCD4 zu HEX #BAFCE9


CSS-Code:

background-image: radial-gradient(circle, #BAFCD4 3%, #BAFCE9 87%);

 

HEX #BAFCE9 zu HEX #BAFCD4


CSS-Code:

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

 

HEX #BAFCE9 zu HEX #BAFCD4


CSS-Code:

background-image: radial-gradient(circle, #BAFCE9 11%, #BAFCD4 93%);

 

HEX #BAFCD4 zu HEX #BAFCF4


CSS-Code:

background-image: linear-gradient(135deg, #BAFCD4 1%, #BAFCF4 93%);

 

HEX #BAFCD4 zu HEX #BAFCF4


CSS-Code:

background-image: radial-gradient(circle, #BAFCD4 4%, #BAFCF4 87%);

 

HEX #BAFCF4 zu HEX #BAFCD4


CSS-Code:

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

 

HEX #BAFCF4 zu HEX #BAFCD4


CSS-Code:

background-image: radial-gradient(circle, #BAFCF4 9%, #BAFCD4 87%);

 

HEX #BAFCD4 zu HEX #BAF8FC


CSS-Code:

background-image: linear-gradient(135deg, #BAFCD4 9%, #BAF8FC 86%);

 

HEX #BAFCD4 zu HEX #BAF8FC


CSS-Code:

background-image: radial-gradient(circle, #BAFCD4 2%, #BAF8FC 91%);

 

HEX #BAF8FC zu HEX #BAFCD4


CSS-Code:

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

 

HEX #BAF8FC zu HEX #BAFCD4


CSS-Code:

background-image: radial-gradient(circle, #BAF8FC 2%, #BAFCD4 95%);

Linear

HEX #BAFCD4 zu HEX #233028


CSS-Code:

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

Radial

HEX #BAFCD4 zu HEX #233028


CSS-Code:

background-image: radial-gradient(circle, #BAFCD4 5%, #233028 86%);

 

HEX #233028 zu HEX #BAFCD4


CSS-Code:

background-image: linear-gradient(135deg, #233028 6%, #BAFCD4 99%);

 

HEX #233028 zu HEX #BAFCD4


CSS-Code:

background-image: radial-gradient(circle, #233028 9%, #BAFCD4 95%);

 

HEX #BAFCD4 zu HEX #496353


CSS-Code:

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

 

HEX #BAFCD4 zu HEX #496353


CSS-Code:

background-image: radial-gradient(circle, #BAFCD4 4%, #496353 90%);

 

HEX #496353 zu HEX #BAFCD4


CSS-Code:

background-image: linear-gradient(135deg, #496353 1%, #BAFCD4 91%);

 

HEX #496353 zu HEX #BAFCD4


CSS-Code:

background-image: radial-gradient(circle, #496353 14%, #BAFCD4 99%);

 

HEX #BAFCD4 zu HEX #6F967E


CSS-Code:

background-image: linear-gradient(135deg, #BAFCD4 2%, #6F967E 92%);

 

HEX #BAFCD4 zu HEX #6F967E


CSS-Code:

background-image: radial-gradient(circle, #BAFCD4 11%, #6F967E 86%);

 

HEX #6F967E zu HEX #BAFCD4


CSS-Code:

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

 

HEX #6F967E zu HEX #BAFCD4


CSS-Code:

background-image: radial-gradient(circle, #6F967E 8%, #BAFCD4 90%);

 

HEX #BAFCD4 zu HEX #94C9A9


CSS-Code:

background-image: linear-gradient(135deg, #BAFCD4 8%, #94C9A9 86%);

 

HEX #BAFCD4 zu HEX #94C9A9


CSS-Code:

background-image: radial-gradient(circle, #BAFCD4 11%, #94C9A9 91%);

 

HEX #94C9A9 zu HEX #BAFCD4


CSS-Code:

background-image: linear-gradient(135deg, #94C9A9 1%, #BAFCD4 95%);

 

HEX #94C9A9 zu HEX #BAFCD4


CSS-Code:

background-image: radial-gradient(circle, #94C9A9 14%, #BAFCD4 87%);

Linear

HEX #BAFCD4 zu HEX #BAD5FC


CSS-Code:

background-image: linear-gradient(135deg, #BAFCD4 7%, #BAD5FC 88%);

Radial

HEX #BAFCD4 zu HEX #BAD5FC


CSS-Code:

background-image: radial-gradient(circle, #BAFCD4 11%, #BAD5FC 96%);

 

HEX #BAD5FC zu HEX #BAFCD4


CSS-Code:

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

 

HEX #BAD5FC zu HEX #BAFCD4


CSS-Code:

background-image: radial-gradient(circle, #BAD5FC 1%, #BAFCD4 97%);

 

HEX #BAFCD4 zu HEX #FCBABB


CSS-Code:

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

 

HEX #BAFCD4 zu HEX #FCBABB


CSS-Code:

background-image: radial-gradient(circle, #BAFCD4 11%, #FCBABB 94%);

 

HEX #FCBABB zu HEX #BAFCD4


CSS-Code:

background-image: linear-gradient(135deg, #FCBABB 12%, #BAFCD4 97%);

 

HEX #FCBABB zu HEX #BAFCD4


CSS-Code:

background-image: radial-gradient(circle, #FCBABB 5%, #BAFCD4 96%);

Linear

HEX #BAFCD4 zu HEX #D3BAFC


CSS-Code:

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

Radial

HEX #BAFCD4 zu HEX #D3BAFC


CSS-Code:

background-image: radial-gradient(circle, #BAFCD4 2%, #D3BAFC 95%);

 

HEX #D3BAFC zu HEX #BAFCD4


CSS-Code:

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

 

HEX #D3BAFC zu HEX #BAFCD4


CSS-Code:

background-image: radial-gradient(circle, #D3BAFC 7%, #BAFCD4 91%);

 

HEX #BAFCD4 zu HEX #FCD3BA


CSS-Code:

background-image: linear-gradient(135deg, #BAFCD4 12%, #FCD3BA 91%);

 

HEX #BAFCD4 zu HEX #FCD3BA


CSS-Code:

background-image: radial-gradient(circle, #BAFCD4 8%, #FCD3BA 96%);

 

HEX #FCD3BA zu HEX #BAFCD4


CSS-Code:

background-image: linear-gradient(135deg, #FCD3BA 12%, #BAFCD4 90%);

 

HEX #FCD3BA zu HEX #BAFCD4


CSS-Code:

background-image: radial-gradient(circle, #FCD3BA 1%, #BAFCD4 91%);

Linear

HEX #BAFCD4 zu HEX #BAD5FC


CSS-Code:

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

Radial

HEX #BAFCD4 zu HEX #BAD5FC


CSS-Code:

background-image: radial-gradient(circle, #BAFCD4 14%, #BAD5FC 97%);

 

HEX #BAD5FC zu HEX #BAFCD4


CSS-Code:

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

 

HEX #BAD5FC zu HEX #BAFCD4


CSS-Code:

background-image: radial-gradient(circle, #BAD5FC 4%, #BAFCD4 98%);

 

HEX #BAFCD4 zu HEX #FCBAE2


CSS-Code:

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

 

HEX #BAFCD4 zu HEX #FCBAE2


CSS-Code:

background-image: radial-gradient(circle, #BAFCD4 3%, #FCBAE2 91%);

 

HEX #FCBAE2 zu HEX #BAFCD4


CSS-Code:

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

 

HEX #FCBAE2 zu HEX #BAFCD4


CSS-Code:

background-image: radial-gradient(circle, #FCBAE2 13%, #BAFCD4 94%);

 

HEX #BAFCD4 zu HEX #FCE0BA


CSS-Code:

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

 

HEX #BAFCD4 zu HEX #FCE0BA


CSS-Code:

background-image: radial-gradient(circle, #BAFCD4 11%, #FCE0BA 95%);

 

HEX #FCE0BA zu HEX #BAFCD4


CSS-Code:

background-image: linear-gradient(135deg, #FCE0BA 4%, #BAFCD4 97%);

 

HEX #FCE0BA zu HEX #BAFCD4


CSS-Code:

background-image: radial-gradient(circle, #FCE0BA 14%, #BAFCD4 95%);

Linear

HEX #BAFCD4 zu HEX #BAC2FC


CSS-Code:

background-image: linear-gradient(135deg, #BAFCD4 0%, #BAC2FC 99%);

Radial

HEX #BAFCD4 zu HEX #BAC2FC


CSS-Code:

background-image: radial-gradient(circle, #BAFCD4 4%, #BAC2FC 87%);

 

HEX #BAC2FC zu HEX #BAFCD4


CSS-Code:

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

 

HEX #BAC2FC zu HEX #BAFCD4


CSS-Code:

background-image: radial-gradient(circle, #BAC2FC 9%, #BAFCD4 94%);

 

HEX #BAFCD4 zu HEX #FCBAE2


CSS-Code:

background-image: linear-gradient(135deg, #BAFCD4 10%, #FCBAE2 96%);

 

HEX #BAFCD4 zu HEX #FCBAE2


CSS-Code:

background-image: radial-gradient(circle, #BAFCD4 1%, #FCBAE2 88%);

 

HEX #FCBAE2 zu HEX #BAFCD4


CSS-Code:

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

 

HEX #FCBAE2 zu HEX #BAFCD4


CSS-Code:

background-image: radial-gradient(circle, #FCBAE2 2%, #BAFCD4 99%);

 

HEX #BAFCD4 zu HEX #FCF4BA


CSS-Code:

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

 

HEX #BAFCD4 zu HEX #FCF4BA


CSS-Code:

background-image: radial-gradient(circle, #BAFCD4 8%, #FCF4BA 88%);

 

HEX #FCF4BA zu HEX #BAFCD4


CSS-Code:

background-image: linear-gradient(135deg, #FCF4BA 12%, #BAFCD4 94%);

 

HEX #FCF4BA zu HEX #BAFCD4


CSS-Code:

background-image: radial-gradient(circle, #FCF4BA 11%, #BAFCD4 96%);

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
Icons

CMYK in HEX

umrechnen von CMYK cyan / magenta / gelb / key zu #RRGGBB
Icons

CMYK in RGB

umrechnen von CMYK cyan / magenta / gelb / key zu RGB rot grün blau
Icons

CMYK in RGBA

umrechnen von CMYK cyan / magenta / gelb / key zu RGBA rot grün blau transparenz
Icons

CMYK in RAL®

umrechnen von CMYK cyan / magenta / gelb / key zu RAL®-Nummer (RAL 0000)
Icons

CMYK in HKS®

umrechnen von CMYK cyan / magenta / gelb / key zu HKS®-Nummer (HKS 00)
Icons

CMYK in PANTONE®

umrechnen von CMYK cyan / magenta / gelb / key zu Pantone®-Nummer (Pantone 0000)
Icons

CMYK in Sherwin Williams®

umrechnen von CMYK cyan / magenta / gelb / key zu Sherwin Williams®-Nummer (SW 0000)
Icons

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
nsc-logo

NCS® in RGB

umrechnen von NCS-Nummer (S0000-X00X) zu RGB rot grün blau
nsc-logo

NCS® in RGBA

umrechnen von NCS-Nummer (S0000-X00X) zu RGBA rot grün blau transparenz
nsc-logo

NCS® in CMYK

umrechnen von NCS-Nummer (S0000-X00X) zu CMYK cyan / magenta / gelb / key

Icons
nsc-logo

NCS® in HEX

umrechnen von NCS-Nummer (S0000-X00X) zu #RRGGBB
nsc-logo

NCS® in RAL®

umrechnen von NCS-Nummer (S0000-X00X) zu RAL®-Nummer (RAL 0000)
nsc-logo

NCS® in HKS®

umrechnen von NCS-Nummer (S0000-X00X) zu HKS®-Nummer (HKS 00)
nsc-logo

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.

© 2019-2024 in cooperation ND-DESIGN.WORKS & frag-bobby.de