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

CSS Gradienten:
RGBA 66 127 188 0.2

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #427FBC33 zu HEX #BD804333


CSS-Code:

background-image: linear-gradient(135deg, #427FBC33 4%, #BD804333 87%);

Radial

HEX #427FBC33 zu HEX #BD804333


CSS-Code:

background-image: radial-gradient(circle, #427FBC33 2%, #BD804333 92%);

 

HEX #BD804333 zu HEX #427FBC33


CSS-Code:

background-image: linear-gradient(135deg, #BD804333 10%, #427FBC33 91%);

 

HEX #BD804333 zu HEX #427FBC33


CSS-Code:

background-image: radial-gradient(circle, #BD804333 11%, #427FBC33 100%);

Linear

HEX #427FBC33 zu HEX #5891CA33


CSS-Code:

background-image: linear-gradient(135deg, #427FBC33 14%, #5891CA33 86%);

Radial

HEX #427FBC33 zu HEX #5891CA33


CSS-Code:

background-image: radial-gradient(circle, #427FBC33 9%, #5891CA33 96%);

 

HEX #5891CA33 zu HEX #427FBC33


CSS-Code:

background-image: linear-gradient(135deg, #5891CA33 13%, #427FBC33 88%);

 

HEX #5891CA33 zu HEX #427FBC33


CSS-Code:

background-image: radial-gradient(circle, #5891CA33 6%, #427FBC33 95%);

 

HEX #427FBC33 zu HEX #69A3DD33


CSS-Code:

background-image: linear-gradient(135deg, #427FBC33 5%, #69A3DD33 97%);

 

HEX #427FBC33 zu HEX #69A3DD33


CSS-Code:

background-image: radial-gradient(circle, #427FBC33 3%, #69A3DD33 91%);

 

HEX #69A3DD33 zu HEX #427FBC33


CSS-Code:

background-image: linear-gradient(135deg, #69A3DD33 6%, #427FBC33 94%);

 

HEX #69A3DD33 zu HEX #427FBC33


CSS-Code:

background-image: radial-gradient(circle, #69A3DD33 8%, #427FBC33 93%);

 

HEX #427FBC33 zu HEX #7AB5F033


CSS-Code:

background-image: linear-gradient(135deg, #427FBC33 6%, #7AB5F033 86%);

 

HEX #427FBC33 zu HEX #7AB5F033


CSS-Code:

background-image: radial-gradient(circle, #427FBC33 2%, #7AB5F033 94%);

 

HEX #7AB5F033 zu HEX #427FBC33


CSS-Code:

background-image: linear-gradient(135deg, #7AB5F033 7%, #427FBC33 94%);

 

HEX #7AB5F033 zu HEX #427FBC33


CSS-Code:

background-image: radial-gradient(circle, #7AB5F033 1%, #427FBC33 96%);

 

HEX #427FBC33 zu HEX #8BC7FF33


CSS-Code:

background-image: linear-gradient(135deg, #427FBC33 4%, #8BC7FF33 88%);

 

HEX #427FBC33 zu HEX #8BC7FF33


CSS-Code:

background-image: radial-gradient(circle, #427FBC33 4%, #8BC7FF33 100%);

 

HEX #8BC7FF33 zu HEX #427FBC33


CSS-Code:

background-image: linear-gradient(135deg, #8BC7FF33 6%, #427FBC33 90%);

 

HEX #8BC7FF33 zu HEX #427FBC33


CSS-Code:

background-image: radial-gradient(circle, #8BC7FF33 12%, #427FBC33 98%);

Linear

HEX #427FBC33 zu HEX #316DA933


CSS-Code:

background-image: linear-gradient(135deg, #427FBC33 9%, #316DA933 95%);

Radial

HEX #427FBC33 zu HEX #316DA933


CSS-Code:

background-image: radial-gradient(circle, #427FBC33 9%, #316DA933 100%);

 

HEX #316DA933 zu HEX #427FBC33


CSS-Code:

background-image: linear-gradient(135deg, #316DA933 11%, #427FBC33 93%);

 

HEX #316DA933 zu HEX #427FBC33


CSS-Code:

background-image: radial-gradient(circle, #316DA933 3%, #427FBC33 100%);

 

HEX #427FBC33 zu HEX #205B9633


CSS-Code:

background-image: linear-gradient(135deg, #427FBC33 14%, #205B9633 89%);

 

HEX #427FBC33 zu HEX #205B9633


CSS-Code:

background-image: radial-gradient(circle, #427FBC33 2%, #205B9633 93%);

 

HEX #205B9633 zu HEX #427FBC33


CSS-Code:

background-image: linear-gradient(135deg, #205B9633 13%, #427FBC33 98%);

 

HEX #205B9633 zu HEX #427FBC33


CSS-Code:

background-image: radial-gradient(circle, #205B9633 12%, #427FBC33 89%);

 

HEX #427FBC33 zu HEX #0F498333


CSS-Code:

background-image: linear-gradient(135deg, #427FBC33 9%, #0F498333 91%);

 

HEX #427FBC33 zu HEX #0F498333


CSS-Code:

background-image: radial-gradient(circle, #427FBC33 14%, #0F498333 97%);

 

HEX #0F498333 zu HEX #427FBC33


CSS-Code:

background-image: linear-gradient(135deg, #0F498333 12%, #427FBC33 97%);

 

HEX #0F498333 zu HEX #427FBC33


CSS-Code:

background-image: radial-gradient(circle, #0F498333 9%, #427FBC33 99%);

 

HEX #427FBC33 zu HEX #00377033


CSS-Code:

background-image: linear-gradient(135deg, #427FBC33 6%, #00377033 94%);

 

HEX #427FBC33 zu HEX #00377033


CSS-Code:

background-image: radial-gradient(circle, #427FBC33 14%, #00377033 91%);

 

HEX #00377033 zu HEX #427FBC33


CSS-Code:

background-image: linear-gradient(135deg, #00377033 10%, #427FBC33 100%);

 

HEX #00377033 zu HEX #427FBC33


CSS-Code:

background-image: radial-gradient(circle, #00377033 9%, #427FBC33 91%);

Linear

HEX #427FBC33 zu HEX #426BBC33


CSS-Code:

background-image: linear-gradient(135deg, #427FBC33 11%, #426BBC33 100%);

Radial

HEX #427FBC33 zu HEX #426BBC33


CSS-Code:

background-image: radial-gradient(circle, #427FBC33 4%, #426BBC33 98%);

 

HEX #426BBC33 zu HEX #427FBC33


CSS-Code:

background-image: linear-gradient(135deg, #426BBC33 9%, #427FBC33 91%);

 

HEX #426BBC33 zu HEX #427FBC33


CSS-Code:

background-image: radial-gradient(circle, #426BBC33 11%, #427FBC33 95%);

 

HEX #427FBC33 zu HEX #4256BC33


CSS-Code:

background-image: linear-gradient(135deg, #427FBC33 5%, #4256BC33 86%);

 

HEX #427FBC33 zu HEX #4256BC33


CSS-Code:

background-image: radial-gradient(circle, #427FBC33 0%, #4256BC33 98%);

 

HEX #4256BC33 zu HEX #427FBC33


CSS-Code:

background-image: linear-gradient(135deg, #4256BC33 7%, #427FBC33 95%);

 

HEX #4256BC33 zu HEX #427FBC33


CSS-Code:

background-image: radial-gradient(circle, #4256BC33 2%, #427FBC33 94%);

 

HEX #427FBC33 zu HEX #4242BC33


CSS-Code:

background-image: linear-gradient(135deg, #427FBC33 6%, #4242BC33 100%);

 

HEX #427FBC33 zu HEX #4242BC33


CSS-Code:

background-image: radial-gradient(circle, #427FBC33 13%, #4242BC33 99%);

 

HEX #4242BC33 zu HEX #427FBC33


CSS-Code:

background-image: linear-gradient(135deg, #4242BC33 6%, #427FBC33 92%);

 

HEX #4242BC33 zu HEX #427FBC33


CSS-Code:

background-image: radial-gradient(circle, #4242BC33 5%, #427FBC33 91%);

 

HEX #427FBC33 zu HEX #5642BC33


CSS-Code:

background-image: linear-gradient(135deg, #427FBC33 7%, #5642BC33 96%);

 

HEX #427FBC33 zu HEX #5642BC33


CSS-Code:

background-image: radial-gradient(circle, #427FBC33 6%, #5642BC33 98%);

 

HEX #5642BC33 zu HEX #427FBC33


CSS-Code:

background-image: linear-gradient(135deg, #5642BC33 5%, #427FBC33 90%);

 

HEX #5642BC33 zu HEX #427FBC33


CSS-Code:

background-image: radial-gradient(circle, #5642BC33 3%, #427FBC33 91%);

Linear

HEX #427FBC33 zu HEX #54A1EF


CSS-Code:

background-image: linear-gradient(135deg, #427FBC33 1%, #54A1EF 99%);

Radial

HEX #427FBC33 zu HEX #54A1EF


CSS-Code:

background-image: radial-gradient(circle, #427FBC33 6%, #54A1EF 96%);

 

HEX #54A1EF zu HEX #427FBC33


CSS-Code:

background-image: linear-gradient(135deg, #54A1EF 13%, #427FBC33 96%);

 

HEX #54A1EF zu HEX #427FBC33


CSS-Code:

background-image: radial-gradient(circle, #54A1EF 1%, #427FBC33 99%);

 

HEX #427FBC33 zu HEX #0C1823


CSS-Code:

background-image: linear-gradient(135deg, #427FBC33 1%, #0C1823 86%);

 

HEX #427FBC33 zu HEX #0C1823


CSS-Code:

background-image: radial-gradient(circle, #427FBC33 5%, #0C1823 93%);

 

HEX #0C1823 zu HEX #427FBC33


CSS-Code:

background-image: linear-gradient(135deg, #0C1823 9%, #427FBC33 87%);

 

HEX #0C1823 zu HEX #427FBC33


CSS-Code:

background-image: radial-gradient(circle, #0C1823 14%, #427FBC33 97%);

 

HEX #427FBC33 zu HEX #1E3A56


CSS-Code:

background-image: linear-gradient(135deg, #427FBC33 4%, #1E3A56 98%);

 

HEX #427FBC33 zu HEX #1E3A56


CSS-Code:

background-image: radial-gradient(circle, #427FBC33 14%, #1E3A56 90%);

 

HEX #1E3A56 zu HEX #427FBC33


CSS-Code:

background-image: linear-gradient(135deg, #1E3A56 8%, #427FBC33 91%);

 

HEX #1E3A56 zu HEX #427FBC33


CSS-Code:

background-image: radial-gradient(circle, #1E3A56 14%, #427FBC33 97%);

 

HEX #427FBC33 zu HEX #305D89


CSS-Code:

background-image: linear-gradient(135deg, #427FBC33 10%, #305D89 98%);

 

HEX #427FBC33 zu HEX #305D89


CSS-Code:

background-image: radial-gradient(circle, #427FBC33 6%, #305D89 97%);

 

HEX #305D89 zu HEX #427FBC33


CSS-Code:

background-image: linear-gradient(135deg, #305D89 2%, #427FBC33 90%);

 

HEX #305D89 zu HEX #427FBC33


CSS-Code:

background-image: radial-gradient(circle, #305D89 12%, #427FBC33 88%);

Linear

HEX #427FBC33 zu HEX #9742BC


CSS-Code:

background-image: linear-gradient(135deg, #427FBC33 5%, #9742BC 86%);

Radial

HEX #427FBC33 zu HEX #9742BC


CSS-Code:

background-image: radial-gradient(circle, #427FBC33 10%, #9742BC 89%);

 

HEX #9742BC zu HEX #427FBC33


CSS-Code:

background-image: linear-gradient(135deg, #9742BC 9%, #427FBC33 93%);

 

HEX #9742BC zu HEX #427FBC33


CSS-Code:

background-image: radial-gradient(circle, #9742BC 8%, #427FBC33 97%);

 

HEX #427FBC33 zu HEX #B0BC42


CSS-Code:

background-image: linear-gradient(135deg, #427FBC33 11%, #B0BC42 98%);

 

HEX #427FBC33 zu HEX #B0BC42


CSS-Code:

background-image: radial-gradient(circle, #427FBC33 1%, #B0BC42 88%);

 

HEX #B0BC42 zu HEX #427FBC33


CSS-Code:

background-image: linear-gradient(135deg, #B0BC42 14%, #427FBC33 89%);

 

HEX #B0BC42 zu HEX #427FBC33


CSS-Code:

background-image: radial-gradient(circle, #B0BC42 14%, #427FBC33 90%);

Linear

HEX #427FBC33 zu HEX #BC427F


CSS-Code:

background-image: linear-gradient(135deg, #427FBC33 8%, #BC427F 93%);

Radial

HEX #427FBC33 zu HEX #BC427F


CSS-Code:

background-image: radial-gradient(circle, #427FBC33 7%, #BC427F 94%);

 

HEX #BC427F zu HEX #427FBC33


CSS-Code:

background-image: linear-gradient(135deg, #BC427F 6%, #427FBC33 90%);

 

HEX #BC427F zu HEX #427FBC33


CSS-Code:

background-image: radial-gradient(circle, #BC427F 10%, #427FBC33 100%);

 

HEX #427FBC33 zu HEX #7FBC42


CSS-Code:

background-image: linear-gradient(135deg, #427FBC33 4%, #7FBC42 91%);

 

HEX #427FBC33 zu HEX #7FBC42


CSS-Code:

background-image: radial-gradient(circle, #427FBC33 4%, #7FBC42 97%);

 

HEX #7FBC42 zu HEX #427FBC33


CSS-Code:

background-image: linear-gradient(135deg, #7FBC42 3%, #427FBC33 98%);

 

HEX #7FBC42 zu HEX #427FBC33


CSS-Code:

background-image: radial-gradient(circle, #7FBC42 14%, #427FBC33 96%);

Linear

HEX #427FBC33 zu HEX #9742BC


CSS-Code:

background-image: linear-gradient(135deg, #427FBC33 0%, #9742BC 87%);

Radial

HEX #427FBC33 zu HEX #9742BC


CSS-Code:

background-image: radial-gradient(circle, #427FBC33 11%, #9742BC 99%);

 

HEX #9742BC zu HEX #427FBC33


CSS-Code:

background-image: linear-gradient(135deg, #9742BC 3%, #427FBC33 89%);

 

HEX #9742BC zu HEX #427FBC33


CSS-Code:

background-image: radial-gradient(circle, #9742BC 7%, #427FBC33 97%);

 

HEX #427FBC33 zu HEX #BC7F42


CSS-Code:

background-image: linear-gradient(135deg, #427FBC33 13%, #BC7F42 92%);

 

HEX #427FBC33 zu HEX #BC7F42


CSS-Code:

background-image: radial-gradient(circle, #427FBC33 11%, #BC7F42 93%);

 

HEX #BC7F42 zu HEX #427FBC33


CSS-Code:

background-image: linear-gradient(135deg, #BC7F42 13%, #427FBC33 95%);

 

HEX #BC7F42 zu HEX #427FBC33


CSS-Code:

background-image: radial-gradient(circle, #BC7F42 9%, #427FBC33 100%);

 

HEX #427FBC33 zu HEX #67BC42


CSS-Code:

background-image: linear-gradient(135deg, #427FBC33 8%, #67BC42 94%);

 

HEX #427FBC33 zu HEX #67BC42


CSS-Code:

background-image: radial-gradient(circle, #427FBC33 13%, #67BC42 93%);

 

HEX #67BC42 zu HEX #427FBC33


CSS-Code:

background-image: linear-gradient(135deg, #67BC42 12%, #427FBC33 98%);

 

HEX #67BC42 zu HEX #427FBC33


CSS-Code:

background-image: radial-gradient(circle, #67BC42 11%, #427FBC33 90%);

Linear

HEX #427FBC33 zu HEX #BC42BC


CSS-Code:

background-image: linear-gradient(135deg, #427FBC33 1%, #BC42BC 99%);

Radial

HEX #427FBC33 zu HEX #BC42BC


CSS-Code:

background-image: radial-gradient(circle, #427FBC33 8%, #BC42BC 92%);

 

HEX #BC42BC zu HEX #427FBC33


CSS-Code:

background-image: linear-gradient(135deg, #BC42BC 1%, #427FBC33 100%);

 

HEX #BC42BC zu HEX #427FBC33


CSS-Code:

background-image: radial-gradient(circle, #BC42BC 0%, #427FBC33 97%);

 

HEX #427FBC33 zu HEX #BC7F42


CSS-Code:

background-image: linear-gradient(135deg, #427FBC33 11%, #BC7F42 96%);

 

HEX #427FBC33 zu HEX #BC7F42


CSS-Code:

background-image: radial-gradient(circle, #427FBC33 6%, #BC7F42 94%);

 

HEX #BC7F42 zu HEX #427FBC33


CSS-Code:

background-image: linear-gradient(135deg, #BC7F42 5%, #427FBC33 99%);

 

HEX #BC7F42 zu HEX #427FBC33


CSS-Code:

background-image: radial-gradient(circle, #BC7F42 5%, #427FBC33 87%);

 

HEX #427FBC33 zu HEX #42BC42


CSS-Code:

background-image: linear-gradient(135deg, #427FBC33 13%, #42BC42 87%);

 

HEX #427FBC33 zu HEX #42BC42


CSS-Code:

background-image: radial-gradient(circle, #427FBC33 1%, #42BC42 99%);

 

HEX #42BC42 zu HEX #427FBC33


CSS-Code:

background-image: linear-gradient(135deg, #42BC42 6%, #427FBC33 100%);

 

HEX #42BC42 zu HEX #427FBC33


CSS-Code:

background-image: radial-gradient(circle, #42BC42 10%, #427FBC33 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

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.