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

✕

CSS Gradienten:
#423670

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

Dunkle Farbe: niedrige Farbwerte wirken dunkler.

Die Aufschlüsselung der Farbe in das RGB-Farbsystem: In diesem Farbton sind von 255 maximalen Farbanteilen jeweils 66 Rot, 54 Grün und 112 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 41 Cyan, 52 Magenta, keine Gelb und 56 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 #423670 - Komplementärfarbe

Linear

HEX #423670 zu HEX #BDC98F

CSS-Code:

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

Radial

HEX #423670 zu HEX #BDC98F

CSS-Code:

background-image: radial-gradient(circle, #423670 12%, #BDC98F 92%);

HEX #BDC98F zu HEX #423670

CSS-Code:

background-image: linear-gradient(135deg, #BDC98F 9%, #423670 89%);

HEX #BDC98F zu HEX #423670

CSS-Code:

background-image: radial-gradient(circle, #BDC98F 9%, #423670 92%);

2-Farben Gradienten von #423670 - Hellere Farbtöne

Linear

HEX #423670 zu HEX #373B72

CSS-Code:

background-image: linear-gradient(135deg, #423670 14%, #373B72 92%);

Radial

HEX #423670 zu HEX #373B72

CSS-Code:

background-image: radial-gradient(circle, #423670 14%, #373B72 90%);

HEX #373B72 zu HEX #423670

CSS-Code:

background-image: linear-gradient(135deg, #373B72 12%, #423670 86%);

HEX #373B72 zu HEX #423670

CSS-Code:

background-image: radial-gradient(circle, #373B72 3%, #423670 93%);

HEX #423670 zu HEX #423772

CSS-Code:

background-image: linear-gradient(135deg, #423670 8%, #423772 94%);

HEX #423670 zu HEX #423772

CSS-Code:

background-image: radial-gradient(circle, #423670 3%, #423772 87%);

HEX #423772 zu HEX #423670

CSS-Code:

background-image: linear-gradient(135deg, #423772 7%, #423670 94%);

HEX #423772 zu HEX #423670

CSS-Code:

background-image: radial-gradient(circle, #423772 0%, #423670 88%);

HEX #423670 zu HEX #523772

CSS-Code:

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

HEX #423670 zu HEX #523772

CSS-Code:

background-image: radial-gradient(circle, #423670 10%, #523772 93%);

HEX #523772 zu HEX #423670

CSS-Code:

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

HEX #523772 zu HEX #423670

CSS-Code:

background-image: radial-gradient(circle, #523772 11%, #423670 89%);

HEX #423670 zu HEX #623772

CSS-Code:

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

HEX #423670 zu HEX #623772

CSS-Code:

background-image: radial-gradient(circle, #423670 6%, #623772 87%);

HEX #623772 zu HEX #423670

CSS-Code:

background-image: linear-gradient(135deg, #623772 14%, #423670 88%);

HEX #623772 zu HEX #423670

CSS-Code:

background-image: radial-gradient(circle, #623772 0%, #423670 99%);

2-Farben Gradienten von #423670 - Dunklere Farbtöne

Linear

HEX #423670 zu HEX #322956

CSS-Code:

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

Radial

HEX #423670 zu HEX #322956

CSS-Code:

background-image: radial-gradient(circle, #423670 7%, #322956 88%);

HEX #322956 zu HEX #423670

CSS-Code:

background-image: linear-gradient(135deg, #322956 14%, #423670 96%);

HEX #322956 zu HEX #423670

CSS-Code:

background-image: radial-gradient(circle, #322956 1%, #423670 94%);

HEX #423670 zu HEX #433772

CSS-Code:

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

HEX #423670 zu HEX #433772

CSS-Code:

background-image: radial-gradient(circle, #423670 2%, #433772 100%);

HEX #433772 zu HEX #423670

CSS-Code:

background-image: linear-gradient(135deg, #433772 5%, #423670 97%);

HEX #433772 zu HEX #423670

CSS-Code:

background-image: radial-gradient(circle, #433772 0%, #423670 96%);

HEX #423670 zu HEX #53448D

CSS-Code:

background-image: linear-gradient(135deg, #423670 9%, #53448D 97%);

HEX #423670 zu HEX #53448D

CSS-Code:

background-image: radial-gradient(circle, #423670 8%, #53448D 96%);

HEX #53448D zu HEX #423670

CSS-Code:

background-image: linear-gradient(135deg, #53448D 5%, #423670 97%);

HEX #53448D zu HEX #423670

CSS-Code:

background-image: radial-gradient(circle, #53448D 13%, #423670 86%);

HEX #423670 zu HEX #6452A9

CSS-Code:

background-image: linear-gradient(135deg, #423670 4%, #6452A9 87%);

HEX #423670 zu HEX #6452A9

CSS-Code:

background-image: radial-gradient(circle, #423670 2%, #6452A9 100%);

HEX #6452A9 zu HEX #423670

CSS-Code:

background-image: linear-gradient(135deg, #6452A9 2%, #423670 92%);

HEX #6452A9 zu HEX #423670

CSS-Code:

background-image: radial-gradient(circle, #6452A9 12%, #423670 98%);

2-Farben Gradienten von #423670 - Analoge Farben

Linear

HEX #423670 zu HEX #373B72

CSS-Code:

background-image: linear-gradient(135deg, #423670 14%, #373B72 89%);

Radial

HEX #423670 zu HEX #373B72

CSS-Code:

background-image: radial-gradient(circle, #423670 0%, #373B72 92%);

HEX #373B72 zu HEX #423670

CSS-Code:

background-image: linear-gradient(135deg, #373B72 0%, #423670 90%);

HEX #373B72 zu HEX #423670

CSS-Code:

background-image: radial-gradient(circle, #373B72 10%, #423670 91%);

HEX #423670 zu HEX #423772

CSS-Code:

background-image: linear-gradient(135deg, #423670 14%, #423772 94%);

HEX #423670 zu HEX #423772

CSS-Code:

background-image: radial-gradient(circle, #423670 14%, #423772 90%);

HEX #423772 zu HEX #423670

CSS-Code:

background-image: linear-gradient(135deg, #423772 13%, #423670 91%);

HEX #423772 zu HEX #423670

CSS-Code:

background-image: radial-gradient(circle, #423772 7%, #423670 99%);

HEX #423670 zu HEX #523772

CSS-Code:

background-image: linear-gradient(135deg, #423670 9%, #523772 95%);

HEX #423670 zu HEX #523772

CSS-Code:

background-image: radial-gradient(circle, #423670 9%, #523772 99%);

HEX #523772 zu HEX #423670

CSS-Code:

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

HEX #523772 zu HEX #423670

CSS-Code:

background-image: radial-gradient(circle, #523772 12%, #423670 86%);

HEX #423670 zu HEX #623772

CSS-Code:

background-image: linear-gradient(135deg, #423670 5%, #623772 86%);

HEX #423670 zu HEX #623772

CSS-Code:

background-image: radial-gradient(circle, #423670 2%, #623772 96%);

HEX #623772 zu HEX #423670

CSS-Code:

background-image: linear-gradient(135deg, #623772 7%, #423670 89%);

HEX #623772 zu HEX #423670

CSS-Code:

background-image: radial-gradient(circle, #623772 12%, #423670 91%);

2-Farben Gradienten von #423670 - Monochromatische Farben

Linear

HEX #423670 zu HEX #322956

CSS-Code:

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

Radial

HEX #423670 zu HEX #322956

CSS-Code:

background-image: radial-gradient(circle, #423670 0%, #322956 92%);

HEX #322956 zu HEX #423670

CSS-Code:

background-image: linear-gradient(135deg, #322956 3%, #423670 99%);

HEX #322956 zu HEX #423670

CSS-Code:

background-image: radial-gradient(circle, #322956 13%, #423670 87%);

HEX #423670 zu HEX #433772

CSS-Code:

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

HEX #423670 zu HEX #433772

CSS-Code:

background-image: radial-gradient(circle, #423670 12%, #433772 86%);

HEX #433772 zu HEX #423670

CSS-Code:

background-image: linear-gradient(135deg, #433772 13%, #423670 87%);

HEX #433772 zu HEX #423670

CSS-Code:

background-image: radial-gradient(circle, #433772 2%, #423670 99%);

HEX #423670 zu HEX #53448D

CSS-Code:

background-image: linear-gradient(135deg, #423670 4%, #53448D 100%);

HEX #423670 zu HEX #53448D

CSS-Code:

background-image: radial-gradient(circle, #423670 6%, #53448D 98%);

HEX #53448D zu HEX #423670

CSS-Code:

background-image: linear-gradient(135deg, #53448D 12%, #423670 97%);

HEX #53448D zu HEX #423670

CSS-Code:

background-image: radial-gradient(circle, #53448D 14%, #423670 89%);

HEX #423670 zu HEX #6452A9

CSS-Code:

background-image: linear-gradient(135deg, #423670 10%, #6452A9 95%);

HEX #423670 zu HEX #6452A9

CSS-Code:

background-image: radial-gradient(circle, #423670 3%, #6452A9 92%);

HEX #6452A9 zu HEX #423670

CSS-Code:

background-image: linear-gradient(135deg, #6452A9 12%, #423670 86%);

HEX #6452A9 zu HEX #423670

CSS-Code:

background-image: radial-gradient(circle, #6452A9 2%, #423670 90%);

2-Farben Gradienten von #423670 - Teilkomplementär Farben

Linear

HEX #423670 zu HEX #72375A

CSS-Code:

background-image: linear-gradient(135deg, #423670 6%, #72375A 100%);

Radial

HEX #423670 zu HEX #72375A

CSS-Code:

background-image: radial-gradient(circle, #423670 5%, #72375A 91%);

HEX #72375A zu HEX #423670

CSS-Code:

background-image: linear-gradient(135deg, #72375A 4%, #423670 93%);

HEX #72375A zu HEX #423670

CSS-Code:

background-image: radial-gradient(circle, #72375A 8%, #423670 98%);

HEX #423670 zu HEX #427237

CSS-Code:

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

HEX #423670 zu HEX #427237

CSS-Code:

background-image: radial-gradient(circle, #423670 9%, #427237 97%);

HEX #427237 zu HEX #423670

CSS-Code:

background-image: linear-gradient(135deg, #427237 11%, #423670 95%);

HEX #427237 zu HEX #423670

CSS-Code:

background-image: radial-gradient(circle, #427237 9%, #423670 90%);

2-Farben Gradienten von #423670 - Triadische Farben

Linear

HEX #423670 zu HEX #724237

CSS-Code:

background-image: linear-gradient(135deg, #423670 3%, #724237 94%);

Radial

HEX #423670 zu HEX #724237

CSS-Code:

background-image: radial-gradient(circle, #423670 13%, #724237 98%);

HEX #724237 zu HEX #423670

CSS-Code:

background-image: linear-gradient(135deg, #724237 1%, #423670 87%);

HEX #724237 zu HEX #423670

CSS-Code:

background-image: radial-gradient(circle, #724237 11%, #423670 86%);

HEX #423670 zu HEX #377242

CSS-Code:

background-image: linear-gradient(135deg, #423670 9%, #377242 93%);

HEX #423670 zu HEX #377242

CSS-Code:

background-image: radial-gradient(circle, #423670 4%, #377242 91%);

HEX #377242 zu HEX #423670

CSS-Code:

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

HEX #377242 zu HEX #423670

CSS-Code:

background-image: radial-gradient(circle, #377242 1%, #423670 93%);

2-Farben Gradienten von #423670 - Rechteckige (Tetradische) Farben

Linear

HEX #423670 zu HEX #72375A

CSS-Code:

background-image: linear-gradient(135deg, #423670 3%, #72375A 87%);

Radial

HEX #423670 zu HEX #72375A

CSS-Code:

background-image: radial-gradient(circle, #423670 5%, #72375A 100%);

HEX #72375A zu HEX #423670

CSS-Code:

background-image: linear-gradient(135deg, #72375A 4%, #423670 100%);

HEX #72375A zu HEX #423670

CSS-Code:

background-image: radial-gradient(circle, #72375A 12%, #423670 88%);

HEX #423670 zu HEX #667237

CSS-Code:

background-image: linear-gradient(135deg, #423670 2%, #667237 92%);

HEX #423670 zu HEX #667237

CSS-Code:

background-image: radial-gradient(circle, #423670 7%, #667237 87%);

HEX #667237 zu HEX #423670

CSS-Code:

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

HEX #667237 zu HEX #423670

CSS-Code:

background-image: radial-gradient(circle, #667237 2%, #423670 100%);

HEX #423670 zu HEX #37724E

CSS-Code:

background-image: linear-gradient(135deg, #423670 14%, #37724E 99%);

HEX #423670 zu HEX #37724E

CSS-Code:

background-image: radial-gradient(circle, #423670 14%, #37724E 89%);

HEX #37724E zu HEX #423670

CSS-Code:

background-image: linear-gradient(135deg, #37724E 11%, #423670 94%);

HEX #37724E zu HEX #423670

CSS-Code:

background-image: radial-gradient(circle, #37724E 10%, #423670 96%);

2-Farben Gradienten von #423670 - Quadratische Farben

Linear

HEX #423670 zu HEX #723748

CSS-Code:

background-image: linear-gradient(135deg, #423670 0%, #723748 96%);

Radial

HEX #423670 zu HEX #723748

CSS-Code:

background-image: radial-gradient(circle, #423670 0%, #723748 93%);

HEX #723748 zu HEX #423670

CSS-Code:

background-image: linear-gradient(135deg, #723748 11%, #423670 90%);

HEX #723748 zu HEX #423670

CSS-Code:

background-image: radial-gradient(circle, #723748 13%, #423670 97%);

HEX #423670 zu HEX #667237

CSS-Code:

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

HEX #423670 zu HEX #667237

CSS-Code:

background-image: radial-gradient(circle, #423670 5%, #667237 87%);

HEX #667237 zu HEX #423670

CSS-Code:

background-image: linear-gradient(135deg, #667237 2%, #423670 98%);

HEX #667237 zu HEX #423670

CSS-Code:

background-image: radial-gradient(circle, #667237 12%, #423670 100%);

HEX #423670 zu HEX #377260

CSS-Code:

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

HEX #423670 zu HEX #377260

CSS-Code:

background-image: radial-gradient(circle, #423670 3%, #377260 95%);

HEX #377260 zu HEX #423670

CSS-Code:

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

HEX #377260 zu HEX #423670

CSS-Code:

background-image: radial-gradient(circle, #377260 9%, #423670 87%);

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.

Als Gast können Sie Farben im Farbsammler zusammenstellen und herunterladen. Um Farbpaletten dauerhaft zu speichern und die Farben je Palette zu verwalten, aktivieren Sie kostenlos qConv Start.

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.

Gastzugang

Gastzugang – noch kein qConv-Start-Profil Die Grundfunktionen sind mit einem Gastkontingent nutzbar. qConv Start wird erst nach dem kostenlosen Anlegen eines Kontos aktiviert. Danach können Sie Farbpaletten und Bilder dauerhaft in Ihrem Profil speichern.

Farbpaletten speichern: kostenloses Profil erforderlichMaximal 5 Farben im Gast-Farbsammler