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

CSS Gradienten:
RGB 186 220 230

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, 220 Grün und 230 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 220 230 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 19 Cyan, 4 Magenta, keine Gelb und 10 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.
19% 4% 0% 10% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #BADCE6 zu HEX #452319


CSS-Code:

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

Radial

HEX #BADCE6 zu HEX #452319


CSS-Code:

background-image: radial-gradient(circle, #BADCE6 2%, #452319 88%);

 

HEX #452319 zu HEX #BADCE6


CSS-Code:

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

 

HEX #452319 zu HEX #BADCE6


CSS-Code:

background-image: radial-gradient(circle, #452319 6%, #BADCE6 91%);

Linear

HEX #BADCE6 zu HEX #D0EEF4


CSS-Code:

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

Radial

HEX #BADCE6 zu HEX #D0EEF4


CSS-Code:

background-image: radial-gradient(circle, #BADCE6 5%, #D0EEF4 95%);

 

HEX #D0EEF4 zu HEX #BADCE6


CSS-Code:

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

 

HEX #D0EEF4 zu HEX #BADCE6


CSS-Code:

background-image: radial-gradient(circle, #D0EEF4 3%, #BADCE6 99%);

 

HEX #BADCE6 zu HEX #E1FFFF


CSS-Code:

background-image: linear-gradient(135deg, #BADCE6 12%, #E1FFFF 89%);

 

HEX #BADCE6 zu HEX #E1FFFF


CSS-Code:

background-image: radial-gradient(circle, #BADCE6 12%, #E1FFFF 98%);

 

HEX #E1FFFF zu HEX #BADCE6


CSS-Code:

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

 

HEX #E1FFFF zu HEX #BADCE6


CSS-Code:

background-image: radial-gradient(circle, #E1FFFF 5%, #BADCE6 91%);

 

HEX #BADCE6 zu HEX #F2FFFF


CSS-Code:

background-image: linear-gradient(135deg, #BADCE6 0%, #F2FFFF 91%);

 

HEX #BADCE6 zu HEX #F2FFFF


CSS-Code:

background-image: radial-gradient(circle, #BADCE6 13%, #F2FFFF 89%);

 

HEX #F2FFFF zu HEX #BADCE6


CSS-Code:

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

 

HEX #F2FFFF zu HEX #BADCE6


CSS-Code:

background-image: radial-gradient(circle, #F2FFFF 11%, #BADCE6 89%);

Linear

HEX #BADCE6 zu HEX #A9CAD3


CSS-Code:

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

Radial

HEX #BADCE6 zu HEX #A9CAD3


CSS-Code:

background-image: radial-gradient(circle, #BADCE6 11%, #A9CAD3 92%);

 

HEX #A9CAD3 zu HEX #BADCE6


CSS-Code:

background-image: linear-gradient(135deg, #A9CAD3 3%, #BADCE6 98%);

 

HEX #A9CAD3 zu HEX #BADCE6


CSS-Code:

background-image: radial-gradient(circle, #A9CAD3 4%, #BADCE6 93%);

 

HEX #BADCE6 zu HEX #98B8C0


CSS-Code:

background-image: linear-gradient(135deg, #BADCE6 7%, #98B8C0 89%);

 

HEX #BADCE6 zu HEX #98B8C0


CSS-Code:

background-image: radial-gradient(circle, #BADCE6 1%, #98B8C0 89%);

 

HEX #98B8C0 zu HEX #BADCE6


CSS-Code:

background-image: linear-gradient(135deg, #98B8C0 1%, #BADCE6 98%);

 

HEX #98B8C0 zu HEX #BADCE6


CSS-Code:

background-image: radial-gradient(circle, #98B8C0 5%, #BADCE6 86%);

 

HEX #BADCE6 zu HEX #87A6AD


CSS-Code:

background-image: linear-gradient(135deg, #BADCE6 8%, #87A6AD 96%);

 

HEX #BADCE6 zu HEX #87A6AD


CSS-Code:

background-image: radial-gradient(circle, #BADCE6 7%, #87A6AD 94%);

 

HEX #87A6AD zu HEX #BADCE6


CSS-Code:

background-image: linear-gradient(135deg, #87A6AD 5%, #BADCE6 88%);

 

HEX #87A6AD zu HEX #BADCE6


CSS-Code:

background-image: radial-gradient(circle, #87A6AD 9%, #BADCE6 95%);

 

HEX #BADCE6 zu HEX #76949A


CSS-Code:

background-image: linear-gradient(135deg, #BADCE6 4%, #76949A 99%);

 

HEX #BADCE6 zu HEX #76949A


CSS-Code:

background-image: radial-gradient(circle, #BADCE6 11%, #76949A 89%);

 

HEX #76949A zu HEX #BADCE6


CSS-Code:

background-image: linear-gradient(135deg, #76949A 8%, #BADCE6 97%);

 

HEX #76949A zu HEX #BADCE6


CSS-Code:

background-image: radial-gradient(circle, #76949A 6%, #BADCE6 94%);

Linear

HEX #BADCE6 zu HEX #BBD6E6


CSS-Code:

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

Radial

HEX #BADCE6 zu HEX #BBD6E6


CSS-Code:

background-image: radial-gradient(circle, #BADCE6 12%, #BBD6E6 97%);

 

HEX #BBD6E6 zu HEX #BADCE6


CSS-Code:

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

 

HEX #BBD6E6 zu HEX #BADCE6


CSS-Code:

background-image: radial-gradient(circle, #BBD6E6 1%, #BADCE6 87%);

 

HEX #BADCE6 zu HEX #BBCEE6


CSS-Code:

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

 

HEX #BADCE6 zu HEX #BBCEE6


CSS-Code:

background-image: radial-gradient(circle, #BADCE6 7%, #BBCEE6 97%);

 

HEX #BBCEE6 zu HEX #BADCE6


CSS-Code:

background-image: linear-gradient(135deg, #BBCEE6 1%, #BADCE6 99%);

 

HEX #BBCEE6 zu HEX #BADCE6


CSS-Code:

background-image: radial-gradient(circle, #BBCEE6 12%, #BADCE6 100%);

 

HEX #BADCE6 zu HEX #BBC7E6


CSS-Code:

background-image: linear-gradient(135deg, #BADCE6 1%, #BBC7E6 98%);

 

HEX #BADCE6 zu HEX #BBC7E6


CSS-Code:

background-image: radial-gradient(circle, #BADCE6 14%, #BBC7E6 87%);

 

HEX #BBC7E6 zu HEX #BADCE6


CSS-Code:

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

 

HEX #BBC7E6 zu HEX #BADCE6


CSS-Code:

background-image: radial-gradient(circle, #BBC7E6 4%, #BADCE6 92%);

 

HEX #BADCE6 zu HEX #BBC0E6


CSS-Code:

background-image: linear-gradient(135deg, #BADCE6 5%, #BBC0E6 98%);

 

HEX #BADCE6 zu HEX #BBC0E6


CSS-Code:

background-image: radial-gradient(circle, #BADCE6 4%, #BBC0E6 88%);

 

HEX #BBC0E6 zu HEX #BADCE6


CSS-Code:

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

 

HEX #BBC0E6 zu HEX #BADCE6


CSS-Code:

background-image: radial-gradient(circle, #BBC0E6 9%, #BADCE6 91%);

Linear

HEX #BADCE6 zu HEX #15191A


CSS-Code:

background-image: linear-gradient(135deg, #BADCE6 11%, #15191A 99%);

Radial

HEX #BADCE6 zu HEX #15191A


CSS-Code:

background-image: radial-gradient(circle, #BADCE6 5%, #15191A 87%);

 

HEX #15191A zu HEX #BADCE6


CSS-Code:

background-image: linear-gradient(135deg, #15191A 5%, #BADCE6 94%);

 

HEX #15191A zu HEX #BADCE6


CSS-Code:

background-image: radial-gradient(circle, #15191A 13%, #BADCE6 93%);

 

HEX #BADCE6 zu HEX #3E4A4D


CSS-Code:

background-image: linear-gradient(135deg, #BADCE6 13%, #3E4A4D 100%);

 

HEX #BADCE6 zu HEX #3E4A4D


CSS-Code:

background-image: radial-gradient(circle, #BADCE6 2%, #3E4A4D 96%);

 

HEX #3E4A4D zu HEX #BADCE6


CSS-Code:

background-image: linear-gradient(135deg, #3E4A4D 8%, #BADCE6 94%);

 

HEX #3E4A4D zu HEX #BADCE6


CSS-Code:

background-image: radial-gradient(circle, #3E4A4D 7%, #BADCE6 86%);

 

HEX #BADCE6 zu HEX #687A80


CSS-Code:

background-image: linear-gradient(135deg, #BADCE6 14%, #687A80 93%);

 

HEX #BADCE6 zu HEX #687A80


CSS-Code:

background-image: radial-gradient(circle, #BADCE6 12%, #687A80 89%);

 

HEX #687A80 zu HEX #BADCE6


CSS-Code:

background-image: linear-gradient(135deg, #687A80 11%, #BADCE6 93%);

 

HEX #687A80 zu HEX #BADCE6


CSS-Code:

background-image: radial-gradient(circle, #687A80 12%, #BADCE6 87%);

 

HEX #BADCE6 zu HEX #91ABB3


CSS-Code:

background-image: linear-gradient(135deg, #BADCE6 13%, #91ABB3 95%);

 

HEX #BADCE6 zu HEX #91ABB3


CSS-Code:

background-image: radial-gradient(circle, #BADCE6 14%, #91ABB3 96%);

 

HEX #91ABB3 zu HEX #BADCE6


CSS-Code:

background-image: linear-gradient(135deg, #91ABB3 13%, #BADCE6 95%);

 

HEX #91ABB3 zu HEX #BADCE6


CSS-Code:

background-image: radial-gradient(circle, #91ABB3 4%, #BADCE6 88%);

Linear

HEX #BADCE6 zu HEX #CDBBE6


CSS-Code:

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

Radial

HEX #BADCE6 zu HEX #CDBBE6


CSS-Code:

background-image: radial-gradient(circle, #BADCE6 10%, #CDBBE6 91%);

 

HEX #CDBBE6 zu HEX #BADCE6


CSS-Code:

background-image: linear-gradient(135deg, #CDBBE6 5%, #BADCE6 91%);

 

HEX #CDBBE6 zu HEX #BADCE6


CSS-Code:

background-image: radial-gradient(circle, #CDBBE6 3%, #BADCE6 99%);

 

HEX #BADCE6 zu HEX #E6DEBB


CSS-Code:

background-image: linear-gradient(135deg, #BADCE6 13%, #E6DEBB 98%);

 

HEX #BADCE6 zu HEX #E6DEBB


CSS-Code:

background-image: radial-gradient(circle, #BADCE6 8%, #E6DEBB 88%);

 

HEX #E6DEBB zu HEX #BADCE6


CSS-Code:

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

 

HEX #E6DEBB zu HEX #BADCE6


CSS-Code:

background-image: radial-gradient(circle, #E6DEBB 8%, #BADCE6 96%);

Linear

HEX #BADCE6 zu HEX #E6BBDD


CSS-Code:

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

Radial

HEX #BADCE6 zu HEX #E6BBDD


CSS-Code:

background-image: radial-gradient(circle, #BADCE6 0%, #E6BBDD 86%);

 

HEX #E6BBDD zu HEX #BADCE6


CSS-Code:

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

 

HEX #E6BBDD zu HEX #BADCE6


CSS-Code:

background-image: radial-gradient(circle, #E6BBDD 11%, #BADCE6 95%);

 

HEX #BADCE6 zu HEX #DDE6BB


CSS-Code:

background-image: linear-gradient(135deg, #BADCE6 3%, #DDE6BB 91%);

 

HEX #BADCE6 zu HEX #DDE6BB


CSS-Code:

background-image: radial-gradient(circle, #BADCE6 0%, #DDE6BB 96%);

 

HEX #DDE6BB zu HEX #BADCE6


CSS-Code:

background-image: linear-gradient(135deg, #DDE6BB 6%, #BADCE6 88%);

 

HEX #DDE6BB zu HEX #BADCE6


CSS-Code:

background-image: radial-gradient(circle, #DDE6BB 9%, #BADCE6 93%);

Linear

HEX #BADCE6 zu HEX #CDBBE6


CSS-Code:

background-image: linear-gradient(135deg, #BADCE6 12%, #CDBBE6 95%);

Radial

HEX #BADCE6 zu HEX #CDBBE6


CSS-Code:

background-image: radial-gradient(circle, #BADCE6 2%, #CDBBE6 99%);

 

HEX #CDBBE6 zu HEX #BADCE6


CSS-Code:

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

 

HEX #CDBBE6 zu HEX #BADCE6


CSS-Code:

background-image: radial-gradient(circle, #CDBBE6 0%, #BADCE6 90%);

 

HEX #BADCE6 zu HEX #E6C4BB


CSS-Code:

background-image: linear-gradient(135deg, #BADCE6 0%, #E6C4BB 98%);

 

HEX #BADCE6 zu HEX #E6C4BB


CSS-Code:

background-image: radial-gradient(circle, #BADCE6 14%, #E6C4BB 99%);

 

HEX #E6C4BB zu HEX #BADCE6


CSS-Code:

background-image: linear-gradient(135deg, #E6C4BB 4%, #BADCE6 93%);

 

HEX #E6C4BB zu HEX #BADCE6


CSS-Code:

background-image: radial-gradient(circle, #E6C4BB 14%, #BADCE6 94%);

 

HEX #BADCE6 zu HEX #D4E6BB


CSS-Code:

background-image: linear-gradient(135deg, #BADCE6 5%, #D4E6BB 99%);

 

HEX #BADCE6 zu HEX #D4E6BB


CSS-Code:

background-image: radial-gradient(circle, #BADCE6 8%, #D4E6BB 87%);

 

HEX #D4E6BB zu HEX #BADCE6


CSS-Code:

background-image: linear-gradient(135deg, #D4E6BB 3%, #BADCE6 86%);

 

HEX #D4E6BB zu HEX #BADCE6


CSS-Code:

background-image: radial-gradient(circle, #D4E6BB 1%, #BADCE6 99%);

Linear

HEX #BADCE6 zu HEX #DABBE6


CSS-Code:

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

Radial

HEX #BADCE6 zu HEX #DABBE6


CSS-Code:

background-image: radial-gradient(circle, #BADCE6 3%, #DABBE6 89%);

 

HEX #DABBE6 zu HEX #BADCE6


CSS-Code:

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

 

HEX #DABBE6 zu HEX #BADCE6


CSS-Code:

background-image: radial-gradient(circle, #DABBE6 7%, #BADCE6 86%);

 

HEX #BADCE6 zu HEX #E6C4BB


CSS-Code:

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

 

HEX #BADCE6 zu HEX #E6C4BB


CSS-Code:

background-image: radial-gradient(circle, #BADCE6 11%, #E6C4BB 99%);

 

HEX #E6C4BB zu HEX #BADCE6


CSS-Code:

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

 

HEX #E6C4BB zu HEX #BADCE6


CSS-Code:

background-image: radial-gradient(circle, #E6C4BB 3%, #BADCE6 87%);

 

HEX #BADCE6 zu HEX #C7E6BB


CSS-Code:

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

 

HEX #BADCE6 zu HEX #C7E6BB


CSS-Code:

background-image: radial-gradient(circle, #BADCE6 14%, #C7E6BB 89%);

 

HEX #C7E6BB zu HEX #BADCE6


CSS-Code:

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

 

HEX #C7E6BB zu HEX #BADCE6


CSS-Code:

background-image: radial-gradient(circle, #C7E6BB 12%, #BADCE6 93%);

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, musst Du angemeldet sein.

Bei deinem Konto anmelden

oder

Erstelle ein Konto

Aktuelle Farbpalette teilen
Soll sie öffentlich oder privat sein?
Link(s) folgen nach dem Teilen.

Abbrechen Teilen

Farbpalette geteilt
Bitte kopiere und speichere dir den gewünschten Link.

Teilen

OK, ich habe die Links kopiert

Deine Farben werden in einer neuen Farbpalette gespeichert.
Sehe sie dir unter deinem Profil an.
Du kannst sie weiter anpassen, und teilen.

Farbpalette anzeigen
Schließen

Erstelle eine Farbpalette

HerunterladenHerunterladen in verschiedenen Formaten

Alle Entfernen

Durch Klicken auf kannst du Paletten erstellen und die Farbfelder herunterladen.