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

✕

CSS Gradienten:
#B77ACC

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 183 Rot, 122 Grün und 204 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 10 Cyan, 40 Magenta, keine Gelb und 20 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 #B77ACC - Komplementärfarbe

Linear

HEX #B77ACC zu HEX #488533

CSS-Code:

background-image: linear-gradient(135deg, #B77ACC 10%, #488533 92%);

Radial

HEX #B77ACC zu HEX #488533

CSS-Code:

background-image: radial-gradient(circle, #B77ACC 3%, #488533 94%);

HEX #488533 zu HEX #B77ACC

CSS-Code:

background-image: linear-gradient(135deg, #488533 14%, #B77ACC 90%);

HEX #488533 zu HEX #B77ACC

CSS-Code:

background-image: radial-gradient(circle, #488533 1%, #B77ACC 88%);

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

Linear

HEX #B77ACC zu HEX #A079CC

CSS-Code:

background-image: linear-gradient(135deg, #B77ACC 7%, #A079CC 96%);

Radial

HEX #B77ACC zu HEX #A079CC

CSS-Code:

background-image: radial-gradient(circle, #B77ACC 7%, #A079CC 92%);

HEX #A079CC zu HEX #B77ACC

CSS-Code:

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

HEX #A079CC zu HEX #B77ACC

CSS-Code:

background-image: radial-gradient(circle, #A079CC 0%, #B77ACC 92%);

HEX #B77ACC zu HEX #B679CC

CSS-Code:

background-image: linear-gradient(135deg, #B77ACC 14%, #B679CC 98%);

HEX #B77ACC zu HEX #B679CC

CSS-Code:

background-image: radial-gradient(circle, #B77ACC 9%, #B679CC 99%);

HEX #B679CC zu HEX #B77ACC

CSS-Code:

background-image: linear-gradient(135deg, #B679CC 10%, #B77ACC 92%);

HEX #B679CC zu HEX #B77ACC

CSS-Code:

background-image: radial-gradient(circle, #B679CC 9%, #B77ACC 99%);

HEX #B77ACC zu HEX #CC79CC

CSS-Code:

background-image: linear-gradient(135deg, #B77ACC 6%, #CC79CC 86%);

HEX #B77ACC zu HEX #CC79CC

CSS-Code:

background-image: radial-gradient(circle, #B77ACC 7%, #CC79CC 90%);

HEX #CC79CC zu HEX #B77ACC

CSS-Code:

background-image: linear-gradient(135deg, #CC79CC 11%, #B77ACC 87%);

HEX #CC79CC zu HEX #B77ACC

CSS-Code:

background-image: radial-gradient(circle, #CC79CC 3%, #B77ACC 97%);

HEX #B77ACC zu HEX #CC79B6

CSS-Code:

background-image: linear-gradient(135deg, #B77ACC 11%, #CC79B6 96%);

HEX #B77ACC zu HEX #CC79B6

CSS-Code:

background-image: radial-gradient(circle, #B77ACC 7%, #CC79B6 86%);

HEX #CC79B6 zu HEX #B77ACC

CSS-Code:

background-image: linear-gradient(135deg, #CC79B6 8%, #B77ACC 96%);

HEX #CC79B6 zu HEX #B77ACC

CSS-Code:

background-image: radial-gradient(circle, #CC79B6 8%, #B77ACC 87%);

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

Linear

HEX #B77ACC zu HEX #A75BC1

CSS-Code:

background-image: linear-gradient(135deg, #B77ACC 10%, #A75BC1 97%);

Radial

HEX #B77ACC zu HEX #A75BC1

CSS-Code:

background-image: radial-gradient(circle, #B77ACC 14%, #A75BC1 94%);

HEX #A75BC1 zu HEX #B77ACC

CSS-Code:

background-image: linear-gradient(135deg, #A75BC1 10%, #B77ACC 95%);

HEX #A75BC1 zu HEX #B77ACC

CSS-Code:

background-image: radial-gradient(circle, #A75BC1 8%, #B77ACC 87%);

HEX #B77ACC zu HEX #B779CC

CSS-Code:

background-image: linear-gradient(135deg, #B77ACC 7%, #B779CC 90%);

HEX #B77ACC zu HEX #B779CC

CSS-Code:

background-image: radial-gradient(circle, #B77ACC 13%, #B779CC 86%);

HEX #B779CC zu HEX #B77ACC

CSS-Code:

background-image: linear-gradient(135deg, #B779CC 3%, #B77ACC 89%);

HEX #B779CC zu HEX #B77ACC

CSS-Code:

background-image: radial-gradient(circle, #B779CC 6%, #B77ACC 99%);

HEX #B77ACC zu HEX #C797D7

CSS-Code:

background-image: linear-gradient(135deg, #B77ACC 1%, #C797D7 89%);

HEX #B77ACC zu HEX #C797D7

CSS-Code:

background-image: radial-gradient(circle, #B77ACC 1%, #C797D7 100%);

HEX #C797D7 zu HEX #B77ACC

CSS-Code:

background-image: linear-gradient(135deg, #C797D7 0%, #B77ACC 93%);

HEX #C797D7 zu HEX #B77ACC

CSS-Code:

background-image: radial-gradient(circle, #C797D7 8%, #B77ACC 89%);

HEX #B77ACC zu HEX #D7B5E3

CSS-Code:

background-image: linear-gradient(135deg, #B77ACC 14%, #D7B5E3 91%);

HEX #B77ACC zu HEX #D7B5E3

CSS-Code:

background-image: radial-gradient(circle, #B77ACC 6%, #D7B5E3 94%);

HEX #D7B5E3 zu HEX #B77ACC

CSS-Code:

background-image: linear-gradient(135deg, #D7B5E3 9%, #B77ACC 96%);

HEX #D7B5E3 zu HEX #B77ACC

CSS-Code:

background-image: radial-gradient(circle, #D7B5E3 10%, #B77ACC 98%);

2-Farben Gradienten von #B77ACC - Analoge Farben

Linear

HEX #B77ACC zu HEX #A079CC

CSS-Code:

background-image: linear-gradient(135deg, #B77ACC 13%, #A079CC 93%);

Radial

HEX #B77ACC zu HEX #A079CC

CSS-Code:

background-image: radial-gradient(circle, #B77ACC 8%, #A079CC 95%);

HEX #A079CC zu HEX #B77ACC

CSS-Code:

background-image: linear-gradient(135deg, #A079CC 11%, #B77ACC 88%);

HEX #A079CC zu HEX #B77ACC

CSS-Code:

background-image: radial-gradient(circle, #A079CC 5%, #B77ACC 94%);

HEX #B77ACC zu HEX #B679CC

CSS-Code:

background-image: linear-gradient(135deg, #B77ACC 1%, #B679CC 100%);

HEX #B77ACC zu HEX #B679CC

CSS-Code:

background-image: radial-gradient(circle, #B77ACC 9%, #B679CC 100%);

HEX #B679CC zu HEX #B77ACC

CSS-Code:

background-image: linear-gradient(135deg, #B679CC 6%, #B77ACC 97%);

HEX #B679CC zu HEX #B77ACC

CSS-Code:

background-image: radial-gradient(circle, #B679CC 8%, #B77ACC 95%);

HEX #B77ACC zu HEX #CC79CC

CSS-Code:

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

HEX #B77ACC zu HEX #CC79CC

CSS-Code:

background-image: radial-gradient(circle, #B77ACC 11%, #CC79CC 99%);

HEX #CC79CC zu HEX #B77ACC

CSS-Code:

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

HEX #CC79CC zu HEX #B77ACC

CSS-Code:

background-image: radial-gradient(circle, #CC79CC 8%, #B77ACC 96%);

HEX #B77ACC zu HEX #CC79B6

CSS-Code:

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

HEX #B77ACC zu HEX #CC79B6

CSS-Code:

background-image: radial-gradient(circle, #B77ACC 12%, #CC79B6 100%);

HEX #CC79B6 zu HEX #B77ACC

CSS-Code:

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

HEX #CC79B6 zu HEX #B77ACC

CSS-Code:

background-image: radial-gradient(circle, #CC79B6 5%, #B77ACC 100%);

2-Farben Gradienten von #B77ACC - Monochromatische Farben

Linear

HEX #B77ACC zu HEX #A75BC1

CSS-Code:

background-image: linear-gradient(135deg, #B77ACC 10%, #A75BC1 93%);

Radial

HEX #B77ACC zu HEX #A75BC1

CSS-Code:

background-image: radial-gradient(circle, #B77ACC 10%, #A75BC1 91%);

HEX #A75BC1 zu HEX #B77ACC

CSS-Code:

background-image: linear-gradient(135deg, #A75BC1 12%, #B77ACC 95%);

HEX #A75BC1 zu HEX #B77ACC

CSS-Code:

background-image: radial-gradient(circle, #A75BC1 7%, #B77ACC 100%);

HEX #B77ACC zu HEX #B779CC

CSS-Code:

background-image: linear-gradient(135deg, #B77ACC 13%, #B779CC 86%);

HEX #B77ACC zu HEX #B779CC

CSS-Code:

background-image: radial-gradient(circle, #B77ACC 14%, #B779CC 95%);

HEX #B779CC zu HEX #B77ACC

CSS-Code:

background-image: linear-gradient(135deg, #B779CC 7%, #B77ACC 99%);

HEX #B779CC zu HEX #B77ACC

CSS-Code:

background-image: radial-gradient(circle, #B779CC 6%, #B77ACC 98%);

HEX #B77ACC zu HEX #C797D7

CSS-Code:

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

HEX #B77ACC zu HEX #C797D7

CSS-Code:

background-image: radial-gradient(circle, #B77ACC 0%, #C797D7 88%);

HEX #C797D7 zu HEX #B77ACC

CSS-Code:

background-image: linear-gradient(135deg, #C797D7 10%, #B77ACC 91%);

HEX #C797D7 zu HEX #B77ACC

CSS-Code:

background-image: radial-gradient(circle, #C797D7 7%, #B77ACC 92%);

HEX #B77ACC zu HEX #D7B5E3

CSS-Code:

background-image: linear-gradient(135deg, #B77ACC 4%, #D7B5E3 99%);

HEX #B77ACC zu HEX #D7B5E3

CSS-Code:

background-image: radial-gradient(circle, #B77ACC 10%, #D7B5E3 91%);

HEX #D7B5E3 zu HEX #B77ACC

CSS-Code:

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

HEX #D7B5E3 zu HEX #B77ACC

CSS-Code:

background-image: radial-gradient(circle, #D7B5E3 9%, #B77ACC 92%);

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

Linear

HEX #B77ACC zu HEX #CC797F

CSS-Code:

background-image: linear-gradient(135deg, #B77ACC 2%, #CC797F 96%);

Radial

HEX #B77ACC zu HEX #CC797F

CSS-Code:

background-image: radial-gradient(circle, #B77ACC 13%, #CC797F 91%);

HEX #CC797F zu HEX #B77ACC

CSS-Code:

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

HEX #CC797F zu HEX #B77ACC

CSS-Code:

background-image: radial-gradient(circle, #CC797F 5%, #B77ACC 87%);

HEX #B77ACC zu HEX #79CC95

CSS-Code:

background-image: linear-gradient(135deg, #B77ACC 11%, #79CC95 87%);

HEX #B77ACC zu HEX #79CC95

CSS-Code:

background-image: radial-gradient(circle, #B77ACC 1%, #79CC95 92%);

HEX #79CC95 zu HEX #B77ACC

CSS-Code:

background-image: linear-gradient(135deg, #79CC95 1%, #B77ACC 93%);

HEX #79CC95 zu HEX #B77ACC

CSS-Code:

background-image: radial-gradient(circle, #79CC95 4%, #B77ACC 88%);

2-Farben Gradienten von #B77ACC - Triadische Farben

Linear

HEX #B77ACC zu HEX #CCB679

CSS-Code:

background-image: linear-gradient(135deg, #B77ACC 7%, #CCB679 93%);

Radial

HEX #B77ACC zu HEX #CCB679

CSS-Code:

background-image: radial-gradient(circle, #B77ACC 7%, #CCB679 87%);

HEX #CCB679 zu HEX #B77ACC

CSS-Code:

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

HEX #CCB679 zu HEX #B77ACC

CSS-Code:

background-image: radial-gradient(circle, #CCB679 8%, #B77ACC 98%);

HEX #B77ACC zu HEX #79CCB6

CSS-Code:

background-image: linear-gradient(135deg, #B77ACC 11%, #79CCB6 95%);

HEX #B77ACC zu HEX #79CCB6

CSS-Code:

background-image: radial-gradient(circle, #B77ACC 13%, #79CCB6 97%);

HEX #79CCB6 zu HEX #B77ACC

CSS-Code:

background-image: linear-gradient(135deg, #79CCB6 0%, #B77ACC 94%);

HEX #79CCB6 zu HEX #B77ACC

CSS-Code:

background-image: radial-gradient(circle, #79CCB6 2%, #B77ACC 98%);

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

Linear

HEX #B77ACC zu HEX #CC797F

CSS-Code:

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

Radial

HEX #B77ACC zu HEX #CC797F

CSS-Code:

background-image: radial-gradient(circle, #B77ACC 13%, #CC797F 89%);

HEX #CC797F zu HEX #B77ACC

CSS-Code:

background-image: linear-gradient(135deg, #CC797F 11%, #B77ACC 87%);

HEX #CC797F zu HEX #B77ACC

CSS-Code:

background-image: radial-gradient(circle, #CC797F 2%, #B77ACC 94%);

HEX #B77ACC zu HEX #8FCC79

CSS-Code:

background-image: linear-gradient(135deg, #B77ACC 0%, #8FCC79 90%);

HEX #B77ACC zu HEX #8FCC79

CSS-Code:

background-image: radial-gradient(circle, #B77ACC 4%, #8FCC79 95%);

HEX #8FCC79 zu HEX #B77ACC

CSS-Code:

background-image: linear-gradient(135deg, #8FCC79 7%, #B77ACC 87%);

HEX #8FCC79 zu HEX #B77ACC

CSS-Code:

background-image: radial-gradient(circle, #8FCC79 1%, #B77ACC 98%);

HEX #B77ACC zu HEX #79CCC7

CSS-Code:

background-image: linear-gradient(135deg, #B77ACC 11%, #79CCC7 96%);

HEX #B77ACC zu HEX #79CCC7

CSS-Code:

background-image: radial-gradient(circle, #B77ACC 12%, #79CCC7 91%);

HEX #79CCC7 zu HEX #B77ACC

CSS-Code:

background-image: linear-gradient(135deg, #79CCC7 6%, #B77ACC 86%);

HEX #79CCC7 zu HEX #B77ACC

CSS-Code:

background-image: radial-gradient(circle, #79CCC7 3%, #B77ACC 90%);

2-Farben Gradienten von #B77ACC - Quadratische Farben

Linear

HEX #B77ACC zu HEX #CC8D79

CSS-Code:

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

Radial

HEX #B77ACC zu HEX #CC8D79

CSS-Code:

background-image: radial-gradient(circle, #B77ACC 1%, #CC8D79 99%);

HEX #CC8D79 zu HEX #B77ACC

CSS-Code:

background-image: linear-gradient(135deg, #CC8D79 6%, #B77ACC 86%);

HEX #CC8D79 zu HEX #B77ACC

CSS-Code:

background-image: radial-gradient(circle, #CC8D79 4%, #B77ACC 97%);

HEX #B77ACC zu HEX #8FCC79

CSS-Code:

background-image: linear-gradient(135deg, #B77ACC 0%, #8FCC79 97%);

HEX #B77ACC zu HEX #8FCC79

CSS-Code:

background-image: radial-gradient(circle, #B77ACC 1%, #8FCC79 100%);

HEX #8FCC79 zu HEX #B77ACC

CSS-Code:

background-image: linear-gradient(135deg, #8FCC79 3%, #B77ACC 91%);

HEX #8FCC79 zu HEX #B77ACC

CSS-Code:

background-image: radial-gradient(circle, #8FCC79 4%, #B77ACC 92%);

HEX #B77ACC zu HEX #79B9CC

CSS-Code:

background-image: linear-gradient(135deg, #B77ACC 13%, #79B9CC 86%);

HEX #B77ACC zu HEX #79B9CC

CSS-Code:

background-image: radial-gradient(circle, #B77ACC 2%, #79B9CC 92%);

HEX #79B9CC zu HEX #B77ACC

CSS-Code:

background-image: linear-gradient(135deg, #79B9CC 9%, #B77ACC 100%);

HEX #79B9CC zu HEX #B77ACC

CSS-Code:

background-image: radial-gradient(circle, #79B9CC 3%, #B77ACC 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)

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