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

✕

CSS Gradienten:
#B45955

Information

schließe alle

2-Farben Gradienten - Komplementärfarbe

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.

2-Farben Gradienten - Hellere Farbtöne

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.

2-Farben Gradienten - Dunklere Farbtöne

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 180 Rot, 89 Grün und 85 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 keine Cyan, 51 Magenta, 53 Gelb und 29 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 #B45955 - Komplementärfarbe

Linear

HEX #B45955 zu HEX #4BA6AA

CSS-Code:

background-image: linear-gradient(135deg, #B45955 11%, #4BA6AA 87%);

Radial

HEX #B45955 zu HEX #4BA6AA

CSS-Code:

background-image: radial-gradient(circle, #B45955 7%, #4BA6AA 91%);

HEX #4BA6AA zu HEX #B45955

CSS-Code:

background-image: linear-gradient(135deg, #4BA6AA 8%, #B45955 87%);

HEX #4BA6AA zu HEX #B45955

CSS-Code:

background-image: radial-gradient(circle, #4BA6AA 5%, #B45955 96%);

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

Linear

HEX #B45955 zu HEX #B4546B

CSS-Code:

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

Radial

HEX #B45955 zu HEX #B4546B

CSS-Code:

background-image: radial-gradient(circle, #B45955 10%, #B4546B 94%);

HEX #B4546B zu HEX #B45955

CSS-Code:

background-image: linear-gradient(135deg, #B4546B 8%, #B45955 98%);

HEX #B4546B zu HEX #B45955

CSS-Code:

background-image: radial-gradient(circle, #B4546B 13%, #B45955 86%);

HEX #B45955 zu HEX #B45854

CSS-Code:

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

HEX #B45955 zu HEX #B45854

CSS-Code:

background-image: radial-gradient(circle, #B45955 9%, #B45854 100%);

HEX #B45854 zu HEX #B45955

CSS-Code:

background-image: linear-gradient(135deg, #B45854 1%, #B45955 96%);

HEX #B45854 zu HEX #B45955

CSS-Code:

background-image: radial-gradient(circle, #B45854 13%, #B45955 92%);

HEX #B45955 zu HEX #B47154

CSS-Code:

background-image: linear-gradient(135deg, #B45955 3%, #B47154 97%);

HEX #B45955 zu HEX #B47154

CSS-Code:

background-image: radial-gradient(circle, #B45955 2%, #B47154 92%);

HEX #B47154 zu HEX #B45955

CSS-Code:

background-image: linear-gradient(135deg, #B47154 10%, #B45955 90%);

HEX #B47154 zu HEX #B45955

CSS-Code:

background-image: radial-gradient(circle, #B47154 6%, #B45955 96%);

HEX #B45955 zu HEX #B48A54

CSS-Code:

background-image: linear-gradient(135deg, #B45955 1%, #B48A54 86%);

HEX #B45955 zu HEX #B48A54

CSS-Code:

background-image: radial-gradient(circle, #B45955 11%, #B48A54 89%);

HEX #B48A54 zu HEX #B45955

CSS-Code:

background-image: linear-gradient(135deg, #B48A54 12%, #B45955 92%);

HEX #B48A54 zu HEX #B45955

CSS-Code:

background-image: radial-gradient(circle, #B48A54 6%, #B45955 87%);

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

Linear

HEX #B45955 zu HEX #9B4744

CSS-Code:

background-image: linear-gradient(135deg, #B45955 3%, #9B4744 93%);

Radial

HEX #B45955 zu HEX #9B4744

CSS-Code:

background-image: radial-gradient(circle, #B45955 3%, #9B4744 90%);

HEX #9B4744 zu HEX #B45955

CSS-Code:

background-image: linear-gradient(135deg, #9B4744 0%, #B45955 92%);

HEX #9B4744 zu HEX #B45955

CSS-Code:

background-image: radial-gradient(circle, #9B4744 4%, #B45955 96%);

HEX #B45955 zu HEX #B45854

CSS-Code:

background-image: linear-gradient(135deg, #B45955 7%, #B45854 88%);

HEX #B45955 zu HEX #B45854

CSS-Code:

background-image: radial-gradient(circle, #B45955 0%, #B45854 91%);

HEX #B45854 zu HEX #B45955

CSS-Code:

background-image: linear-gradient(135deg, #B45854 1%, #B45955 97%);

HEX #B45854 zu HEX #B45955

CSS-Code:

background-image: radial-gradient(circle, #B45854 9%, #B45955 87%);

HEX #B45955 zu HEX #C07471

CSS-Code:

background-image: linear-gradient(135deg, #B45955 0%, #C07471 87%);

HEX #B45955 zu HEX #C07471

CSS-Code:

background-image: radial-gradient(circle, #B45955 2%, #C07471 97%);

HEX #C07471 zu HEX #B45955

CSS-Code:

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

HEX #C07471 zu HEX #B45955

CSS-Code:

background-image: radial-gradient(circle, #C07471 13%, #B45955 96%);

HEX #B45955 zu HEX #CD908E

CSS-Code:

background-image: linear-gradient(135deg, #B45955 2%, #CD908E 93%);

HEX #B45955 zu HEX #CD908E

CSS-Code:

background-image: radial-gradient(circle, #B45955 7%, #CD908E 92%);

HEX #CD908E zu HEX #B45955

CSS-Code:

background-image: linear-gradient(135deg, #CD908E 6%, #B45955 94%);

HEX #CD908E zu HEX #B45955

CSS-Code:

background-image: radial-gradient(circle, #CD908E 9%, #B45955 94%);

2-Farben Gradienten von #B45955 - Analoge Farben

Linear

HEX #B45955 zu HEX #B4546B

CSS-Code:

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

Radial

HEX #B45955 zu HEX #B4546B

CSS-Code:

background-image: radial-gradient(circle, #B45955 8%, #B4546B 97%);

HEX #B4546B zu HEX #B45955

CSS-Code:

background-image: linear-gradient(135deg, #B4546B 9%, #B45955 100%);

HEX #B4546B zu HEX #B45955

CSS-Code:

background-image: radial-gradient(circle, #B4546B 6%, #B45955 100%);

HEX #B45955 zu HEX #B45854

CSS-Code:

background-image: linear-gradient(135deg, #B45955 4%, #B45854 97%);

HEX #B45955 zu HEX #B45854

CSS-Code:

background-image: radial-gradient(circle, #B45955 2%, #B45854 88%);

HEX #B45854 zu HEX #B45955

CSS-Code:

background-image: linear-gradient(135deg, #B45854 0%, #B45955 99%);

HEX #B45854 zu HEX #B45955

CSS-Code:

background-image: radial-gradient(circle, #B45854 8%, #B45955 90%);

HEX #B45955 zu HEX #B47154

CSS-Code:

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

HEX #B45955 zu HEX #B47154

CSS-Code:

background-image: radial-gradient(circle, #B45955 4%, #B47154 99%);

HEX #B47154 zu HEX #B45955

CSS-Code:

background-image: linear-gradient(135deg, #B47154 11%, #B45955 93%);

HEX #B47154 zu HEX #B45955

CSS-Code:

background-image: radial-gradient(circle, #B47154 2%, #B45955 95%);

HEX #B45955 zu HEX #B48A54

CSS-Code:

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

HEX #B45955 zu HEX #B48A54

CSS-Code:

background-image: radial-gradient(circle, #B45955 8%, #B48A54 95%);

HEX #B48A54 zu HEX #B45955

CSS-Code:

background-image: linear-gradient(135deg, #B48A54 14%, #B45955 92%);

HEX #B48A54 zu HEX #B45955

CSS-Code:

background-image: radial-gradient(circle, #B48A54 5%, #B45955 86%);

2-Farben Gradienten von #B45955 - Monochromatische Farben

Linear

HEX #B45955 zu HEX #9B4744

CSS-Code:

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

Radial

HEX #B45955 zu HEX #9B4744

CSS-Code:

background-image: radial-gradient(circle, #B45955 6%, #9B4744 95%);

HEX #9B4744 zu HEX #B45955

CSS-Code:

background-image: linear-gradient(135deg, #9B4744 1%, #B45955 95%);

HEX #9B4744 zu HEX #B45955

CSS-Code:

background-image: radial-gradient(circle, #9B4744 6%, #B45955 98%);

HEX #B45955 zu HEX #B45854

CSS-Code:

background-image: linear-gradient(135deg, #B45955 13%, #B45854 90%);

HEX #B45955 zu HEX #B45854

CSS-Code:

background-image: radial-gradient(circle, #B45955 11%, #B45854 94%);

HEX #B45854 zu HEX #B45955

CSS-Code:

background-image: linear-gradient(135deg, #B45854 4%, #B45955 88%);

HEX #B45854 zu HEX #B45955

CSS-Code:

background-image: radial-gradient(circle, #B45854 8%, #B45955 93%);

HEX #B45955 zu HEX #C07471

CSS-Code:

background-image: linear-gradient(135deg, #B45955 10%, #C07471 98%);

HEX #B45955 zu HEX #C07471

CSS-Code:

background-image: radial-gradient(circle, #B45955 2%, #C07471 91%);

HEX #C07471 zu HEX #B45955

CSS-Code:

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

HEX #C07471 zu HEX #B45955

CSS-Code:

background-image: radial-gradient(circle, #C07471 3%, #B45955 96%);

HEX #B45955 zu HEX #CD908E

CSS-Code:

background-image: linear-gradient(135deg, #B45955 8%, #CD908E 93%);

HEX #B45955 zu HEX #CD908E

CSS-Code:

background-image: radial-gradient(circle, #B45955 4%, #CD908E 98%);

HEX #CD908E zu HEX #B45955

CSS-Code:

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

HEX #CD908E zu HEX #B45955

CSS-Code:

background-image: radial-gradient(circle, #CD908E 9%, #B45955 87%);

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

Linear

HEX #B45955 zu HEX #9EB454

CSS-Code:

background-image: linear-gradient(135deg, #B45955 1%, #9EB454 100%);

Radial

HEX #B45955 zu HEX #9EB454

CSS-Code:

background-image: radial-gradient(circle, #B45955 6%, #9EB454 91%);

HEX #9EB454 zu HEX #B45955

CSS-Code:

background-image: linear-gradient(135deg, #9EB454 3%, #B45955 89%);

HEX #9EB454 zu HEX #B45955

CSS-Code:

background-image: radial-gradient(circle, #9EB454 13%, #B45955 99%);

HEX #B45955 zu HEX #5477B4

CSS-Code:

background-image: linear-gradient(135deg, #B45955 5%, #5477B4 93%);

HEX #B45955 zu HEX #5477B4

CSS-Code:

background-image: radial-gradient(circle, #B45955 11%, #5477B4 93%);

HEX #5477B4 zu HEX #B45955

CSS-Code:

background-image: linear-gradient(135deg, #5477B4 12%, #B45955 90%);

HEX #5477B4 zu HEX #B45955

CSS-Code:

background-image: radial-gradient(circle, #5477B4 7%, #B45955 89%);

2-Farben Gradienten von #B45955 - Triadische Farben

Linear

HEX #B45955 zu HEX #54B458

CSS-Code:

background-image: linear-gradient(135deg, #B45955 11%, #54B458 88%);

Radial

HEX #B45955 zu HEX #54B458

CSS-Code:

background-image: radial-gradient(circle, #B45955 11%, #54B458 86%);

HEX #54B458 zu HEX #B45955

CSS-Code:

background-image: linear-gradient(135deg, #54B458 10%, #B45955 88%);

HEX #54B458 zu HEX #B45955

CSS-Code:

background-image: radial-gradient(circle, #54B458 2%, #B45955 100%);

HEX #B45955 zu HEX #5854B4

CSS-Code:

background-image: linear-gradient(135deg, #B45955 14%, #5854B4 100%);

HEX #B45955 zu HEX #5854B4

CSS-Code:

background-image: radial-gradient(circle, #B45955 2%, #5854B4 86%);

HEX #5854B4 zu HEX #B45955

CSS-Code:

background-image: linear-gradient(135deg, #5854B4 11%, #B45955 100%);

HEX #5854B4 zu HEX #B45955

CSS-Code:

background-image: radial-gradient(circle, #5854B4 14%, #B45955 98%);

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

Linear

HEX #B45955 zu HEX #9EB454

CSS-Code:

background-image: linear-gradient(135deg, #B45955 5%, #9EB454 99%);

Radial

HEX #B45955 zu HEX #9EB454

CSS-Code:

background-image: radial-gradient(circle, #B45955 5%, #9EB454 92%);

HEX #9EB454 zu HEX #B45955

CSS-Code:

background-image: linear-gradient(135deg, #9EB454 3%, #B45955 95%);

HEX #9EB454 zu HEX #B45955

CSS-Code:

background-image: radial-gradient(circle, #9EB454 9%, #B45955 90%);

HEX #B45955 zu HEX #54B1B4

CSS-Code:

background-image: linear-gradient(135deg, #B45955 14%, #54B1B4 89%);

HEX #B45955 zu HEX #54B1B4

CSS-Code:

background-image: radial-gradient(circle, #B45955 11%, #54B1B4 86%);

HEX #54B1B4 zu HEX #B45955

CSS-Code:

background-image: linear-gradient(135deg, #54B1B4 14%, #B45955 97%);

HEX #54B1B4 zu HEX #B45955

CSS-Code:

background-image: radial-gradient(circle, #54B1B4 1%, #B45955 93%);

HEX #B45955 zu HEX #6B54B4

CSS-Code:

background-image: linear-gradient(135deg, #B45955 8%, #6B54B4 99%);

HEX #B45955 zu HEX #6B54B4

CSS-Code:

background-image: radial-gradient(circle, #B45955 11%, #6B54B4 91%);

HEX #6B54B4 zu HEX #B45955

CSS-Code:

background-image: linear-gradient(135deg, #6B54B4 7%, #B45955 93%);

HEX #6B54B4 zu HEX #B45955

CSS-Code:

background-image: radial-gradient(circle, #6B54B4 11%, #B45955 100%);

2-Farben Gradienten von #B45955 - Quadratische Farben

Linear

HEX #B45955 zu HEX #81B454

CSS-Code:

background-image: linear-gradient(135deg, #B45955 2%, #81B454 95%);

Radial

HEX #B45955 zu HEX #81B454

CSS-Code:

background-image: radial-gradient(circle, #B45955 2%, #81B454 91%);

HEX #81B454 zu HEX #B45955

CSS-Code:

background-image: linear-gradient(135deg, #81B454 4%, #B45955 100%);

HEX #81B454 zu HEX #B45955

CSS-Code:

background-image: radial-gradient(circle, #81B454 13%, #B45955 87%);

HEX #B45955 zu HEX #54B1B4

CSS-Code:

background-image: linear-gradient(135deg, #B45955 9%, #54B1B4 95%);

HEX #B45955 zu HEX #54B1B4

CSS-Code:

background-image: radial-gradient(circle, #B45955 9%, #54B1B4 96%);

HEX #54B1B4 zu HEX #B45955

CSS-Code:

background-image: linear-gradient(135deg, #54B1B4 13%, #B45955 89%);

HEX #54B1B4 zu HEX #B45955

CSS-Code:

background-image: radial-gradient(circle, #54B1B4 14%, #B45955 100%);

HEX #B45955 zu HEX #8754B4

CSS-Code:

background-image: linear-gradient(135deg, #B45955 9%, #8754B4 91%);

HEX #B45955 zu HEX #8754B4

CSS-Code:

background-image: radial-gradient(circle, #B45955 10%, #8754B4 92%);

HEX #8754B4 zu HEX #B45955

CSS-Code:

background-image: linear-gradient(135deg, #8754B4 8%, #B45955 90%);

HEX #8754B4 zu HEX #B45955

CSS-Code:

background-image: radial-gradient(circle, #8754B4 9%, #B45955 95%);

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)

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 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 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 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 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 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 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 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)

NCS® in Sherwin Williams®

umrechnen von NCS-Nummer (S0000-X00X) zu Sherwin Williams®-Nummer (SW 0000)

Codes

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.

Public

Color palette shared
Please copy and save the link you want.

Share

View

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

By clicking you can create palettes and download the color swatches.

The quick Converter and color manager.
The powerful color database for designers and agencies.

Solutions

Create CSS gradient

Create color palettes

Image to color palettes

Color of the week

Manufacturer colors

Project

About qConv.com

Designer

Tutorials & FAQ's

Manufacturer colors

Become a member

Legal