Nothing Special   »   [go: up one dir, main page]

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

✕

CSS Gradienten:
#ABCE51

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #ABCE51 zu HEX #5431AE


CSS-Code:

background-image: linear-gradient(135deg, #ABCE51 12%, #5431AE 97%);

Radial

HEX #ABCE51 zu HEX #5431AE


CSS-Code:

background-image: radial-gradient(circle, #ABCE51 14%, #5431AE 97%);

 

HEX #5431AE zu HEX #ABCE51


CSS-Code:

background-image: linear-gradient(135deg, #5431AE 0%, #ABCE51 87%);

 

HEX #5431AE zu HEX #ABCE51


CSS-Code:

background-image: radial-gradient(circle, #5431AE 4%, #ABCE51 92%);

Linear

HEX #ABCE51 zu HEX #CDCD4F


CSS-Code:

background-image: linear-gradient(135deg, #ABCE51 2%, #CDCD4F 100%);

Radial

HEX #ABCE51 zu HEX #CDCD4F


CSS-Code:

background-image: radial-gradient(circle, #ABCE51 8%, #CDCD4F 92%);

 

HEX #CDCD4F zu HEX #ABCE51


CSS-Code:

background-image: linear-gradient(135deg, #CDCD4F 5%, #ABCE51 95%);

 

HEX #CDCD4F zu HEX #ABCE51


CSS-Code:

background-image: radial-gradient(circle, #CDCD4F 3%, #ABCE51 89%);

 

HEX #ABCE51 zu HEX #ACCD4F


CSS-Code:

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

 

HEX #ABCE51 zu HEX #ACCD4F


CSS-Code:

background-image: radial-gradient(circle, #ABCE51 5%, #ACCD4F 88%);

 

HEX #ACCD4F zu HEX #ABCE51


CSS-Code:

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

 

HEX #ACCD4F zu HEX #ABCE51


CSS-Code:

background-image: radial-gradient(circle, #ACCD4F 4%, #ABCE51 97%);

 

HEX #ABCE51 zu HEX #8ACD4F


CSS-Code:

background-image: linear-gradient(135deg, #ABCE51 4%, #8ACD4F 93%);

 

HEX #ABCE51 zu HEX #8ACD4F


CSS-Code:

background-image: radial-gradient(circle, #ABCE51 4%, #8ACD4F 87%);

 

HEX #8ACD4F zu HEX #ABCE51


CSS-Code:

background-image: linear-gradient(135deg, #8ACD4F 12%, #ABCE51 92%);

 

HEX #8ACD4F zu HEX #ABCE51


CSS-Code:

background-image: radial-gradient(circle, #8ACD4F 10%, #ABCE51 100%);

 

HEX #ABCE51 zu HEX #69CD4F


CSS-Code:

background-image: linear-gradient(135deg, #ABCE51 0%, #69CD4F 92%);

 

HEX #ABCE51 zu HEX #69CD4F


CSS-Code:

background-image: radial-gradient(circle, #ABCE51 4%, #69CD4F 95%);

 

HEX #69CD4F zu HEX #ABCE51


CSS-Code:

background-image: linear-gradient(135deg, #69CD4F 8%, #ABCE51 93%);

 

HEX #69CD4F zu HEX #ABCE51


CSS-Code:

background-image: radial-gradient(circle, #69CD4F 2%, #ABCE51 94%);

Linear

HEX #ABCE51 zu HEX #98BE35


CSS-Code:

background-image: linear-gradient(135deg, #ABCE51 5%, #98BE35 90%);

Radial

HEX #ABCE51 zu HEX #98BE35


CSS-Code:

background-image: radial-gradient(circle, #ABCE51 13%, #98BE35 99%);

 

HEX #98BE35 zu HEX #ABCE51


CSS-Code:

background-image: linear-gradient(135deg, #98BE35 5%, #ABCE51 86%);

 

HEX #98BE35 zu HEX #ABCE51


CSS-Code:

background-image: radial-gradient(circle, #98BE35 12%, #ABCE51 96%);

 

HEX #ABCE51 zu HEX #AACD4F


CSS-Code:

background-image: linear-gradient(135deg, #ABCE51 12%, #AACD4F 93%);

 

HEX #ABCE51 zu HEX #AACD4F


CSS-Code:

background-image: radial-gradient(circle, #ABCE51 3%, #AACD4F 98%);

 

HEX #AACD4F zu HEX #ABCE51


CSS-Code:

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

 

HEX #AACD4F zu HEX #ABCE51


CSS-Code:

background-image: radial-gradient(circle, #AACD4F 8%, #ABCE51 91%);

 

HEX #ABCE51 zu HEX #B9D670


CSS-Code:

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

 

HEX #ABCE51 zu HEX #B9D670


CSS-Code:

background-image: radial-gradient(circle, #ABCE51 0%, #B9D670 97%);

 

HEX #B9D670 zu HEX #ABCE51


CSS-Code:

background-image: linear-gradient(135deg, #B9D670 3%, #ABCE51 92%);

 

HEX #B9D670 zu HEX #ABCE51


CSS-Code:

background-image: radial-gradient(circle, #B9D670 1%, #ABCE51 97%);

 

HEX #ABCE51 zu HEX #C9DF90


CSS-Code:

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

 

HEX #ABCE51 zu HEX #C9DF90


CSS-Code:

background-image: radial-gradient(circle, #ABCE51 12%, #C9DF90 86%);

 

HEX #C9DF90 zu HEX #ABCE51


CSS-Code:

background-image: linear-gradient(135deg, #C9DF90 2%, #ABCE51 90%);

 

HEX #C9DF90 zu HEX #ABCE51


CSS-Code:

background-image: radial-gradient(circle, #C9DF90 9%, #ABCE51 95%);

Linear

HEX #ABCE51 zu HEX #CDCD4F


CSS-Code:

background-image: linear-gradient(135deg, #ABCE51 0%, #CDCD4F 88%);

Radial

HEX #ABCE51 zu HEX #CDCD4F


CSS-Code:

background-image: radial-gradient(circle, #ABCE51 10%, #CDCD4F 88%);

 

HEX #CDCD4F zu HEX #ABCE51


CSS-Code:

background-image: linear-gradient(135deg, #CDCD4F 8%, #ABCE51 100%);

 

HEX #CDCD4F zu HEX #ABCE51


CSS-Code:

background-image: radial-gradient(circle, #CDCD4F 9%, #ABCE51 95%);

 

HEX #ABCE51 zu HEX #ACCD4F


CSS-Code:

background-image: linear-gradient(135deg, #ABCE51 3%, #ACCD4F 100%);

 

HEX #ABCE51 zu HEX #ACCD4F


CSS-Code:

background-image: radial-gradient(circle, #ABCE51 8%, #ACCD4F 91%);

 

HEX #ACCD4F zu HEX #ABCE51


CSS-Code:

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

 

HEX #ACCD4F zu HEX #ABCE51


CSS-Code:

background-image: radial-gradient(circle, #ACCD4F 1%, #ABCE51 94%);

 

HEX #ABCE51 zu HEX #8ACD4F


CSS-Code:

background-image: linear-gradient(135deg, #ABCE51 1%, #8ACD4F 96%);

 

HEX #ABCE51 zu HEX #8ACD4F


CSS-Code:

background-image: radial-gradient(circle, #ABCE51 5%, #8ACD4F 99%);

 

HEX #8ACD4F zu HEX #ABCE51


CSS-Code:

background-image: linear-gradient(135deg, #8ACD4F 11%, #ABCE51 99%);

 

HEX #8ACD4F zu HEX #ABCE51


CSS-Code:

background-image: radial-gradient(circle, #8ACD4F 4%, #ABCE51 94%);

 

HEX #ABCE51 zu HEX #69CD4F


CSS-Code:

background-image: linear-gradient(135deg, #ABCE51 8%, #69CD4F 90%);

 

HEX #ABCE51 zu HEX #69CD4F


CSS-Code:

background-image: radial-gradient(circle, #ABCE51 0%, #69CD4F 91%);

 

HEX #69CD4F zu HEX #ABCE51


CSS-Code:

background-image: linear-gradient(135deg, #69CD4F 8%, #ABCE51 97%);

 

HEX #69CD4F zu HEX #ABCE51


CSS-Code:

background-image: radial-gradient(circle, #69CD4F 9%, #ABCE51 92%);

Linear

HEX #ABCE51 zu HEX #98BE35


CSS-Code:

background-image: linear-gradient(135deg, #ABCE51 5%, #98BE35 92%);

Radial

HEX #ABCE51 zu HEX #98BE35


CSS-Code:

background-image: radial-gradient(circle, #ABCE51 3%, #98BE35 100%);

 

HEX #98BE35 zu HEX #ABCE51


CSS-Code:

background-image: linear-gradient(135deg, #98BE35 11%, #ABCE51 99%);

 

HEX #98BE35 zu HEX #ABCE51


CSS-Code:

background-image: radial-gradient(circle, #98BE35 13%, #ABCE51 96%);

 

HEX #ABCE51 zu HEX #AACD4F


CSS-Code:

background-image: linear-gradient(135deg, #ABCE51 7%, #AACD4F 95%);

 

HEX #ABCE51 zu HEX #AACD4F


CSS-Code:

background-image: radial-gradient(circle, #ABCE51 6%, #AACD4F 97%);

 

HEX #AACD4F zu HEX #ABCE51


CSS-Code:

background-image: linear-gradient(135deg, #AACD4F 1%, #ABCE51 90%);

 

HEX #AACD4F zu HEX #ABCE51


CSS-Code:

background-image: radial-gradient(circle, #AACD4F 4%, #ABCE51 93%);

 

HEX #ABCE51 zu HEX #B9D670


CSS-Code:

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

 

HEX #ABCE51 zu HEX #B9D670


CSS-Code:

background-image: radial-gradient(circle, #ABCE51 1%, #B9D670 87%);

 

HEX #B9D670 zu HEX #ABCE51


CSS-Code:

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

 

HEX #B9D670 zu HEX #ABCE51


CSS-Code:

background-image: radial-gradient(circle, #B9D670 7%, #ABCE51 93%);

 

HEX #ABCE51 zu HEX #C9DF90


CSS-Code:

background-image: linear-gradient(135deg, #ABCE51 4%, #C9DF90 100%);

 

HEX #ABCE51 zu HEX #C9DF90


CSS-Code:

background-image: radial-gradient(circle, #ABCE51 9%, #C9DF90 91%);

 

HEX #C9DF90 zu HEX #ABCE51


CSS-Code:

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

 

HEX #C9DF90 zu HEX #ABCE51


CSS-Code:

background-image: radial-gradient(circle, #C9DF90 12%, #ABCE51 91%);

Linear

HEX #ABCE51 zu HEX #4FCD8A


CSS-Code:

background-image: linear-gradient(135deg, #ABCE51 13%, #4FCD8A 90%);

Radial

HEX #ABCE51 zu HEX #4FCD8A


CSS-Code:

background-image: radial-gradient(circle, #ABCE51 1%, #4FCD8A 86%);

 

HEX #4FCD8A zu HEX #ABCE51


CSS-Code:

background-image: linear-gradient(135deg, #4FCD8A 1%, #ABCE51 90%);

 

HEX #4FCD8A zu HEX #ABCE51


CSS-Code:

background-image: radial-gradient(circle, #4FCD8A 13%, #ABCE51 96%);

 

HEX #ABCE51 zu HEX #BC4FCD


CSS-Code:

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

 

HEX #ABCE51 zu HEX #BC4FCD


CSS-Code:

background-image: radial-gradient(circle, #ABCE51 4%, #BC4FCD 100%);

 

HEX #BC4FCD zu HEX #ABCE51


CSS-Code:

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

 

HEX #BC4FCD zu HEX #ABCE51


CSS-Code:

background-image: radial-gradient(circle, #BC4FCD 6%, #ABCE51 89%);

Linear

HEX #ABCE51 zu HEX #4FACCD


CSS-Code:

background-image: linear-gradient(135deg, #ABCE51 2%, #4FACCD 92%);

Radial

HEX #ABCE51 zu HEX #4FACCD


CSS-Code:

background-image: radial-gradient(circle, #ABCE51 4%, #4FACCD 86%);

 

HEX #4FACCD zu HEX #ABCE51


CSS-Code:

background-image: linear-gradient(135deg, #4FACCD 0%, #ABCE51 96%);

 

HEX #4FACCD zu HEX #ABCE51


CSS-Code:

background-image: radial-gradient(circle, #4FACCD 11%, #ABCE51 93%);

 

HEX #ABCE51 zu HEX #CD4FAC


CSS-Code:

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

 

HEX #ABCE51 zu HEX #CD4FAC


CSS-Code:

background-image: radial-gradient(circle, #ABCE51 7%, #CD4FAC 92%);

 

HEX #CD4FAC zu HEX #ABCE51


CSS-Code:

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

 

HEX #CD4FAC zu HEX #ABCE51


CSS-Code:

background-image: radial-gradient(circle, #CD4FAC 9%, #ABCE51 94%);

Linear

HEX #ABCE51 zu HEX #4FCD8A


CSS-Code:

background-image: linear-gradient(135deg, #ABCE51 6%, #4FCD8A 99%);

Radial

HEX #ABCE51 zu HEX #4FCD8A


CSS-Code:

background-image: radial-gradient(circle, #ABCE51 7%, #4FCD8A 96%);

 

HEX #4FCD8A zu HEX #ABCE51


CSS-Code:

background-image: linear-gradient(135deg, #4FCD8A 2%, #ABCE51 92%);

 

HEX #4FCD8A zu HEX #ABCE51


CSS-Code:

background-image: radial-gradient(circle, #4FCD8A 5%, #ABCE51 100%);

 

HEX #ABCE51 zu HEX #714FCD


CSS-Code:

background-image: linear-gradient(135deg, #ABCE51 1%, #714FCD 96%);

 

HEX #ABCE51 zu HEX #714FCD


CSS-Code:

background-image: radial-gradient(circle, #ABCE51 9%, #714FCD 90%);

 

HEX #714FCD zu HEX #ABCE51


CSS-Code:

background-image: linear-gradient(135deg, #714FCD 3%, #ABCE51 88%);

 

HEX #714FCD zu HEX #ABCE51


CSS-Code:

background-image: radial-gradient(circle, #714FCD 8%, #ABCE51 86%);

 

HEX #ABCE51 zu HEX #CD4F92


CSS-Code:

background-image: linear-gradient(135deg, #ABCE51 2%, #CD4F92 90%);

 

HEX #ABCE51 zu HEX #CD4F92


CSS-Code:

background-image: radial-gradient(circle, #ABCE51 5%, #CD4F92 89%);

 

HEX #CD4F92 zu HEX #ABCE51


CSS-Code:

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

 

HEX #CD4F92 zu HEX #ABCE51


CSS-Code:

background-image: radial-gradient(circle, #CD4F92 14%, #ABCE51 95%);

Linear

HEX #ABCE51 zu HEX #4FCDB0


CSS-Code:

background-image: linear-gradient(135deg, #ABCE51 6%, #4FCDB0 93%);

Radial

HEX #ABCE51 zu HEX #4FCDB0


CSS-Code:

background-image: radial-gradient(circle, #ABCE51 11%, #4FCDB0 94%);

 

HEX #4FCDB0 zu HEX #ABCE51


CSS-Code:

background-image: linear-gradient(135deg, #4FCDB0 2%, #ABCE51 88%);

 

HEX #4FCDB0 zu HEX #ABCE51


CSS-Code:

background-image: radial-gradient(circle, #4FCDB0 0%, #ABCE51 100%);

 

HEX #ABCE51 zu HEX #714FCD


CSS-Code:

background-image: linear-gradient(135deg, #ABCE51 6%, #714FCD 89%);

 

HEX #ABCE51 zu HEX #714FCD


CSS-Code:

background-image: radial-gradient(circle, #ABCE51 10%, #714FCD 95%);

 

HEX #714FCD zu HEX #ABCE51


CSS-Code:

background-image: linear-gradient(135deg, #714FCD 11%, #ABCE51 92%);

 

HEX #714FCD zu HEX #ABCE51


CSS-Code:

background-image: radial-gradient(circle, #714FCD 3%, #ABCE51 88%);

 

HEX #ABCE51 zu HEX #CD4F6D


CSS-Code:

background-image: linear-gradient(135deg, #ABCE51 14%, #CD4F6D 99%);

 

HEX #ABCE51 zu HEX #CD4F6D


CSS-Code:

background-image: radial-gradient(circle, #ABCE51 3%, #CD4F6D 100%);

 

HEX #CD4F6D zu HEX #ABCE51


CSS-Code:

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

 

HEX #CD4F6D zu HEX #ABCE51


CSS-Code:

background-image: radial-gradient(circle, #CD4F6D 10%, #ABCE51 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
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-2025 in cooperation ND-DESIGN.WORKS & frag-bobby.de