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

✕

CSS Gradienten:
#30BAAC

Information

schließe alle

2-Farben Gradienten - Komplementärfarbe

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.

2-Farben Gradienten - Hellere Farbtöne

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.

2-Farben Gradienten - Dunklere Farbtöne

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

Blau und Grün dominieren diesen Farbton deutlich: Der Blau- und der Grünwert liegen über Rot. 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 48 Rot, 186 Grün und 172 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.

Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 74 Cyan, keine Magenta, 8 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.

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

2-Farben Gradienten von #30BAAC - Komplementärfarbe

Linear

HEX #30BAAC zu HEX #CF4553

CSS-Code:

background-image: linear-gradient(135deg, #30BAAC 14%, #CF4553 98%);

Radial

HEX #30BAAC zu HEX #CF4553

CSS-Code:

background-image: radial-gradient(circle, #30BAAC 7%, #CF4553 100%);

HEX #CF4553 zu HEX #30BAAC

CSS-Code:

background-image: linear-gradient(135deg, #CF4553 12%, #30BAAC 100%);

HEX #CF4553 zu HEX #30BAAC

CSS-Code:

background-image: radial-gradient(circle, #CF4553 11%, #30BAAC 88%);

2-Farben Gradienten von #30BAAC - Hellere Farbtöne

Linear

HEX #30BAAC zu HEX #30BB85

CSS-Code:

background-image: linear-gradient(135deg, #30BAAC 1%, #30BB85 93%);

Radial

HEX #30BAAC zu HEX #30BB85

CSS-Code:

background-image: radial-gradient(circle, #30BAAC 6%, #30BB85 98%);

HEX #30BB85 zu HEX #30BAAC

CSS-Code:

background-image: linear-gradient(135deg, #30BB85 6%, #30BAAC 100%);

HEX #30BB85 zu HEX #30BAAC

CSS-Code:

background-image: radial-gradient(circle, #30BB85 13%, #30BAAC 97%);

HEX #30BAAC zu HEX #30BBAA

CSS-Code:

background-image: linear-gradient(135deg, #30BAAC 14%, #30BBAA 86%);

HEX #30BAAC zu HEX #30BBAA

CSS-Code:

background-image: radial-gradient(circle, #30BAAC 9%, #30BBAA 90%);

HEX #30BBAA zu HEX #30BAAC

CSS-Code:

background-image: linear-gradient(135deg, #30BBAA 13%, #30BAAC 98%);

HEX #30BBAA zu HEX #30BAAC

CSS-Code:

background-image: radial-gradient(circle, #30BBAA 9%, #30BAAC 98%);

HEX #30BAAC zu HEX #30A6BB

CSS-Code:

background-image: linear-gradient(135deg, #30BAAC 8%, #30A6BB 87%);

HEX #30BAAC zu HEX #30A6BB

CSS-Code:

background-image: radial-gradient(circle, #30BAAC 7%, #30A6BB 98%);

HEX #30A6BB zu HEX #30BAAC

CSS-Code:

background-image: linear-gradient(135deg, #30A6BB 9%, #30BAAC 91%);

HEX #30A6BB zu HEX #30BAAC

CSS-Code:

background-image: radial-gradient(circle, #30A6BB 13%, #30BAAC 91%);

HEX #30BAAC zu HEX #3081BB

CSS-Code:

background-image: linear-gradient(135deg, #30BAAC 3%, #3081BB 87%);

HEX #30BAAC zu HEX #3081BB

CSS-Code:

background-image: radial-gradient(circle, #30BAAC 5%, #3081BB 99%);

HEX #3081BB zu HEX #30BAAC

CSS-Code:

background-image: linear-gradient(135deg, #3081BB 0%, #30BAAC 99%);

HEX #3081BB zu HEX #30BAAC

CSS-Code:

background-image: radial-gradient(circle, #3081BB 14%, #30BAAC 89%);

2-Farben Gradienten von #30BAAC - Dunklere Farbtöne

Linear

HEX #30BAAC zu HEX #289A8E

CSS-Code:

background-image: linear-gradient(135deg, #30BAAC 12%, #289A8E 96%);

Radial

HEX #30BAAC zu HEX #289A8E

CSS-Code:

background-image: radial-gradient(circle, #30BAAC 2%, #289A8E 89%);

HEX #289A8E zu HEX #30BAAC

CSS-Code:

background-image: linear-gradient(135deg, #289A8E 13%, #30BAAC 90%);

HEX #289A8E zu HEX #30BAAC

CSS-Code:

background-image: radial-gradient(circle, #289A8E 14%, #30BAAC 96%);

HEX #30BAAC zu HEX #30BBAC

CSS-Code:

background-image: linear-gradient(135deg, #30BAAC 12%, #30BBAC 93%);

HEX #30BAAC zu HEX #30BBAC

CSS-Code:

background-image: radial-gradient(circle, #30BAAC 13%, #30BBAC 90%);

HEX #30BBAC zu HEX #30BAAC

CSS-Code:

background-image: linear-gradient(135deg, #30BBAC 4%, #30BAAC 95%);

HEX #30BBAC zu HEX #30BAAC

CSS-Code:

background-image: radial-gradient(circle, #30BBAC 13%, #30BAAC 98%);

HEX #30BAAC zu HEX #45CFC1

CSS-Code:

background-image: linear-gradient(135deg, #30BAAC 13%, #45CFC1 88%);

HEX #30BAAC zu HEX #45CFC1

CSS-Code:

background-image: radial-gradient(circle, #30BAAC 9%, #45CFC1 87%);

HEX #45CFC1 zu HEX #30BAAC

CSS-Code:

background-image: linear-gradient(135deg, #45CFC1 10%, #30BAAC 88%);

HEX #45CFC1 zu HEX #30BAAC

CSS-Code:

background-image: radial-gradient(circle, #45CFC1 14%, #30BAAC 90%);

HEX #30BAAC zu HEX #66D7CC

CSS-Code:

background-image: linear-gradient(135deg, #30BAAC 12%, #66D7CC 95%);

HEX #30BAAC zu HEX #66D7CC

CSS-Code:

background-image: radial-gradient(circle, #30BAAC 13%, #66D7CC 90%);

HEX #66D7CC zu HEX #30BAAC

CSS-Code:

background-image: linear-gradient(135deg, #66D7CC 3%, #30BAAC 93%);

HEX #66D7CC zu HEX #30BAAC

CSS-Code:

background-image: radial-gradient(circle, #66D7CC 11%, #30BAAC 94%);

2-Farben Gradienten von #30BAAC - Analoge Farben

Linear

HEX #30BAAC zu HEX #30BB85

CSS-Code:

background-image: linear-gradient(135deg, #30BAAC 11%, #30BB85 98%);

Radial

HEX #30BAAC zu HEX #30BB85

CSS-Code:

background-image: radial-gradient(circle, #30BAAC 9%, #30BB85 98%);

HEX #30BB85 zu HEX #30BAAC

CSS-Code:

background-image: linear-gradient(135deg, #30BB85 0%, #30BAAC 97%);

HEX #30BB85 zu HEX #30BAAC

CSS-Code:

background-image: radial-gradient(circle, #30BB85 5%, #30BAAC 88%);

HEX #30BAAC zu HEX #30BBAA

CSS-Code:

background-image: linear-gradient(135deg, #30BAAC 4%, #30BBAA 90%);

HEX #30BAAC zu HEX #30BBAA

CSS-Code:

background-image: radial-gradient(circle, #30BAAC 11%, #30BBAA 91%);

HEX #30BBAA zu HEX #30BAAC

CSS-Code:

background-image: linear-gradient(135deg, #30BBAA 14%, #30BAAC 98%);

HEX #30BBAA zu HEX #30BAAC

CSS-Code:

background-image: radial-gradient(circle, #30BBAA 3%, #30BAAC 86%);

HEX #30BAAC zu HEX #30A6BB

CSS-Code:

background-image: linear-gradient(135deg, #30BAAC 12%, #30A6BB 93%);

HEX #30BAAC zu HEX #30A6BB

CSS-Code:

background-image: radial-gradient(circle, #30BAAC 12%, #30A6BB 96%);

HEX #30A6BB zu HEX #30BAAC

CSS-Code:

background-image: linear-gradient(135deg, #30A6BB 10%, #30BAAC 98%);

HEX #30A6BB zu HEX #30BAAC

CSS-Code:

background-image: radial-gradient(circle, #30A6BB 9%, #30BAAC 97%);

HEX #30BAAC zu HEX #3081BB

CSS-Code:

background-image: linear-gradient(135deg, #30BAAC 7%, #3081BB 96%);

HEX #30BAAC zu HEX #3081BB

CSS-Code:

background-image: radial-gradient(circle, #30BAAC 2%, #3081BB 91%);

HEX #3081BB zu HEX #30BAAC

CSS-Code:

background-image: linear-gradient(135deg, #3081BB 8%, #30BAAC 91%);

HEX #3081BB zu HEX #30BAAC

CSS-Code:

background-image: radial-gradient(circle, #3081BB 0%, #30BAAC 93%);

2-Farben Gradienten von #30BAAC - Monochromatische Farben

Linear

HEX #30BAAC zu HEX #289A8E

CSS-Code:

background-image: linear-gradient(135deg, #30BAAC 14%, #289A8E 98%);

Radial

HEX #30BAAC zu HEX #289A8E

CSS-Code:

background-image: radial-gradient(circle, #30BAAC 12%, #289A8E 98%);

HEX #289A8E zu HEX #30BAAC

CSS-Code:

background-image: linear-gradient(135deg, #289A8E 2%, #30BAAC 100%);

HEX #289A8E zu HEX #30BAAC

CSS-Code:

background-image: radial-gradient(circle, #289A8E 7%, #30BAAC 88%);

HEX #30BAAC zu HEX #30BBAC

CSS-Code:

background-image: linear-gradient(135deg, #30BAAC 0%, #30BBAC 89%);

HEX #30BAAC zu HEX #30BBAC

CSS-Code:

background-image: radial-gradient(circle, #30BAAC 2%, #30BBAC 95%);

HEX #30BBAC zu HEX #30BAAC

CSS-Code:

background-image: linear-gradient(135deg, #30BBAC 7%, #30BAAC 96%);

HEX #30BBAC zu HEX #30BAAC

CSS-Code:

background-image: radial-gradient(circle, #30BBAC 2%, #30BAAC 94%);

HEX #30BAAC zu HEX #45CFC1

CSS-Code:

background-image: linear-gradient(135deg, #30BAAC 10%, #45CFC1 91%);

HEX #30BAAC zu HEX #45CFC1

CSS-Code:

background-image: radial-gradient(circle, #30BAAC 8%, #45CFC1 87%);

HEX #45CFC1 zu HEX #30BAAC

CSS-Code:

background-image: linear-gradient(135deg, #45CFC1 12%, #30BAAC 90%);

HEX #45CFC1 zu HEX #30BAAC

CSS-Code:

background-image: radial-gradient(circle, #45CFC1 5%, #30BAAC 91%);

HEX #30BAAC zu HEX #66D7CC

CSS-Code:

background-image: linear-gradient(135deg, #30BAAC 9%, #66D7CC 88%);

HEX #30BAAC zu HEX #66D7CC

CSS-Code:

background-image: radial-gradient(circle, #30BAAC 5%, #66D7CC 94%);

HEX #66D7CC zu HEX #30BAAC

CSS-Code:

background-image: linear-gradient(135deg, #66D7CC 12%, #30BAAC 89%);

HEX #66D7CC zu HEX #30BAAC

CSS-Code:

background-image: radial-gradient(circle, #66D7CC 5%, #30BAAC 97%);

2-Farben Gradienten von #30BAAC - Teilkomplementär Farben

Linear

HEX #30BAAC zu HEX #3C30BB

CSS-Code:

background-image: linear-gradient(135deg, #30BAAC 5%, #3C30BB 92%);

Radial

HEX #30BAAC zu HEX #3C30BB

CSS-Code:

background-image: radial-gradient(circle, #30BAAC 9%, #3C30BB 94%);

HEX #3C30BB zu HEX #30BAAC

CSS-Code:

background-image: linear-gradient(135deg, #3C30BB 7%, #30BAAC 97%);

HEX #3C30BB zu HEX #30BAAC

CSS-Code:

background-image: radial-gradient(circle, #3C30BB 6%, #30BAAC 95%);

HEX #30BAAC zu HEX #BB7330

CSS-Code:

background-image: linear-gradient(135deg, #30BAAC 3%, #BB7330 97%);

HEX #30BAAC zu HEX #BB7330

CSS-Code:

background-image: radial-gradient(circle, #30BAAC 6%, #BB7330 95%);

HEX #BB7330 zu HEX #30BAAC

CSS-Code:

background-image: linear-gradient(135deg, #BB7330 11%, #30BAAC 96%);

HEX #BB7330 zu HEX #30BAAC

CSS-Code:

background-image: radial-gradient(circle, #BB7330 14%, #30BAAC 87%);

2-Farben Gradienten von #30BAAC - Triadische Farben

Linear

HEX #30BAAC zu HEX #AA30BB

CSS-Code:

background-image: linear-gradient(135deg, #30BAAC 6%, #AA30BB 86%);

Radial

HEX #30BAAC zu HEX #AA30BB

CSS-Code:

background-image: radial-gradient(circle, #30BAAC 12%, #AA30BB 89%);

HEX #AA30BB zu HEX #30BAAC

CSS-Code:

background-image: linear-gradient(135deg, #AA30BB 9%, #30BAAC 98%);

HEX #AA30BB zu HEX #30BAAC

CSS-Code:

background-image: radial-gradient(circle, #AA30BB 9%, #30BAAC 97%);

HEX #30BAAC zu HEX #BBAA30

CSS-Code:

background-image: linear-gradient(135deg, #30BAAC 7%, #BBAA30 99%);

HEX #30BAAC zu HEX #BBAA30

CSS-Code:

background-image: radial-gradient(circle, #30BAAC 14%, #BBAA30 98%);

HEX #BBAA30 zu HEX #30BAAC

CSS-Code:

background-image: linear-gradient(135deg, #BBAA30 11%, #30BAAC 86%);

HEX #BBAA30 zu HEX #30BAAC

CSS-Code:

background-image: radial-gradient(circle, #BBAA30 12%, #30BAAC 94%);

2-Farben Gradienten von #30BAAC - Rechteckige (Tetradische) Farben

Linear

HEX #30BAAC zu HEX #3C30BB

CSS-Code:

background-image: linear-gradient(135deg, #30BAAC 5%, #3C30BB 98%);

Radial

HEX #30BAAC zu HEX #3C30BB

CSS-Code:

background-image: radial-gradient(circle, #30BAAC 11%, #3C30BB 95%);

HEX #3C30BB zu HEX #30BAAC

CSS-Code:

background-image: linear-gradient(135deg, #3C30BB 3%, #30BAAC 99%);

HEX #3C30BB zu HEX #30BAAC

CSS-Code:

background-image: radial-gradient(circle, #3C30BB 8%, #30BAAC 98%);

HEX #30BAAC zu HEX #BB3040

CSS-Code:

background-image: linear-gradient(135deg, #30BAAC 7%, #BB3040 96%);

HEX #30BAAC zu HEX #BB3040

CSS-Code:

background-image: radial-gradient(circle, #30BAAC 10%, #BB3040 92%);

HEX #BB3040 zu HEX #30BAAC

CSS-Code:

background-image: linear-gradient(135deg, #BB3040 4%, #30BAAC 96%);

HEX #BB3040 zu HEX #30BAAC

CSS-Code:

background-image: radial-gradient(circle, #BB3040 3%, #30BAAC 88%);

HEX #30BAAC zu HEX #AFBB30

CSS-Code:

background-image: linear-gradient(135deg, #30BAAC 4%, #AFBB30 88%);

HEX #30BAAC zu HEX #AFBB30

CSS-Code:

background-image: radial-gradient(circle, #30BAAC 9%, #AFBB30 97%);

HEX #AFBB30 zu HEX #30BAAC

CSS-Code:

background-image: linear-gradient(135deg, #AFBB30 11%, #30BAAC 90%);

HEX #AFBB30 zu HEX #30BAAC

CSS-Code:

background-image: radial-gradient(circle, #AFBB30 13%, #30BAAC 86%);

2-Farben Gradienten von #30BAAC - Quadratische Farben

Linear

HEX #30BAAC zu HEX #6530BB

CSS-Code:

background-image: linear-gradient(135deg, #30BAAC 6%, #6530BB 96%);

Radial

HEX #30BAAC zu HEX #6530BB

CSS-Code:

background-image: radial-gradient(circle, #30BAAC 0%, #6530BB 87%);

HEX #6530BB zu HEX #30BAAC

CSS-Code:

background-image: linear-gradient(135deg, #6530BB 1%, #30BAAC 88%);

HEX #6530BB zu HEX #30BAAC

CSS-Code:

background-image: radial-gradient(circle, #6530BB 8%, #30BAAC 96%);

HEX #30BAAC zu HEX #BB3040

CSS-Code:

background-image: linear-gradient(135deg, #30BAAC 6%, #BB3040 90%);

HEX #30BAAC zu HEX #BB3040

CSS-Code:

background-image: radial-gradient(circle, #30BAAC 11%, #BB3040 97%);

HEX #BB3040 zu HEX #30BAAC

CSS-Code:

background-image: linear-gradient(135deg, #BB3040 7%, #30BAAC 95%);

HEX #BB3040 zu HEX #30BAAC

CSS-Code:

background-image: radial-gradient(circle, #BB3040 13%, #30BAAC 90%);

HEX #30BAAC zu HEX #85BB30

CSS-Code:

background-image: linear-gradient(135deg, #30BAAC 8%, #85BB30 89%);

HEX #30BAAC zu HEX #85BB30

CSS-Code:

background-image: radial-gradient(circle, #30BAAC 3%, #85BB30 95%);

HEX #85BB30 zu HEX #30BAAC

CSS-Code:

background-image: linear-gradient(135deg, #85BB30 13%, #30BAAC 99%);

HEX #85BB30 zu HEX #30BAAC

CSS-Code:

background-image: radial-gradient(circle, #85BB30 13%, #30BAAC 88%);

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

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)

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

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)

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)

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

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)

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

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)

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

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)

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

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)

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

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)

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

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.

Öffentlich

Abbrechen Teilen

Farbpalette geteilt
Bitte kopieren und speichern Sie den gewünschten Link.

Teilen

Ansehen

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

Erstellen Sie eine Farbpalette

HerunterladenHerunterladen in verschiedenen Formaten

Durch Klicken auf können Sie Paletten erstellen und die Farbfelder herunterladen.