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

CSS Gradienten:
#BFDAC1

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #BFDAC1 zu HEX #40253E


CSS-Code:

background-image: linear-gradient(135deg, #BFDAC1 3%, #40253E 95%);

Radial

HEX #BFDAC1 zu HEX #40253E


CSS-Code:

background-image: radial-gradient(circle, #BFDAC1 5%, #40253E 95%);

 

HEX #40253E zu HEX #BFDAC1


CSS-Code:

background-image: linear-gradient(135deg, #40253E 0%, #BFDAC1 94%);

 

HEX #40253E zu HEX #BFDAC1


CSS-Code:

background-image: radial-gradient(circle, #40253E 4%, #BFDAC1 92%);

Linear

HEX #BFDAC1 zu HEX #D5ECCF


CSS-Code:

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

Radial

HEX #BFDAC1 zu HEX #D5ECCF


CSS-Code:

background-image: radial-gradient(circle, #BFDAC1 10%, #D5ECCF 86%);

 

HEX #D5ECCF zu HEX #BFDAC1


CSS-Code:

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

 

HEX #D5ECCF zu HEX #BFDAC1


CSS-Code:

background-image: radial-gradient(circle, #D5ECCF 9%, #BFDAC1 87%);

 

HEX #BFDAC1 zu HEX #E6FEE2


CSS-Code:

background-image: linear-gradient(135deg, #BFDAC1 12%, #E6FEE2 99%);

 

HEX #BFDAC1 zu HEX #E6FEE2


CSS-Code:

background-image: radial-gradient(circle, #BFDAC1 7%, #E6FEE2 86%);

 

HEX #E6FEE2 zu HEX #BFDAC1


CSS-Code:

background-image: linear-gradient(135deg, #E6FEE2 2%, #BFDAC1 86%);

 

HEX #E6FEE2 zu HEX #BFDAC1


CSS-Code:

background-image: radial-gradient(circle, #E6FEE2 13%, #BFDAC1 94%);

 

HEX #BFDAC1 zu HEX #F7FFF5


CSS-Code:

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

 

HEX #BFDAC1 zu HEX #F7FFF5


CSS-Code:

background-image: radial-gradient(circle, #BFDAC1 11%, #F7FFF5 91%);

 

HEX #F7FFF5 zu HEX #BFDAC1


CSS-Code:

background-image: linear-gradient(135deg, #F7FFF5 3%, #BFDAC1 88%);

 

HEX #F7FFF5 zu HEX #BFDAC1


CSS-Code:

background-image: radial-gradient(circle, #F7FFF5 11%, #BFDAC1 87%);

Linear

HEX #BFDAC1 zu HEX #AEC8AE


CSS-Code:

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

Radial

HEX #BFDAC1 zu HEX #AEC8AE


CSS-Code:

background-image: radial-gradient(circle, #BFDAC1 6%, #AEC8AE 88%);

 

HEX #AEC8AE zu HEX #BFDAC1


CSS-Code:

background-image: linear-gradient(135deg, #AEC8AE 12%, #BFDAC1 94%);

 

HEX #AEC8AE zu HEX #BFDAC1


CSS-Code:

background-image: radial-gradient(circle, #AEC8AE 2%, #BFDAC1 91%);

 

HEX #BFDAC1 zu HEX #9DB69B


CSS-Code:

background-image: linear-gradient(135deg, #BFDAC1 5%, #9DB69B 94%);

 

HEX #BFDAC1 zu HEX #9DB69B


CSS-Code:

background-image: radial-gradient(circle, #BFDAC1 2%, #9DB69B 95%);

 

HEX #9DB69B zu HEX #BFDAC1


CSS-Code:

background-image: linear-gradient(135deg, #9DB69B 12%, #BFDAC1 96%);

 

HEX #9DB69B zu HEX #BFDAC1


CSS-Code:

background-image: radial-gradient(circle, #9DB69B 12%, #BFDAC1 92%);

 

HEX #BFDAC1 zu HEX #8CA488


CSS-Code:

background-image: linear-gradient(135deg, #BFDAC1 9%, #8CA488 91%);

 

HEX #BFDAC1 zu HEX #8CA488


CSS-Code:

background-image: radial-gradient(circle, #BFDAC1 14%, #8CA488 86%);

 

HEX #8CA488 zu HEX #BFDAC1


CSS-Code:

background-image: linear-gradient(135deg, #8CA488 5%, #BFDAC1 99%);

 

HEX #8CA488 zu HEX #BFDAC1


CSS-Code:

background-image: radial-gradient(circle, #8CA488 5%, #BFDAC1 88%);

 

HEX #BFDAC1 zu HEX #7B9275


CSS-Code:

background-image: linear-gradient(135deg, #BFDAC1 6%, #7B9275 89%);

 

HEX #BFDAC1 zu HEX #7B9275


CSS-Code:

background-image: radial-gradient(circle, #BFDAC1 11%, #7B9275 94%);

 

HEX #7B9275 zu HEX #BFDAC1


CSS-Code:

background-image: linear-gradient(135deg, #7B9275 9%, #BFDAC1 94%);

 

HEX #7B9275 zu HEX #BFDAC1


CSS-Code:

background-image: radial-gradient(circle, #7B9275 3%, #BFDAC1 92%);

Linear

HEX #BFDAC1 zu HEX #BED9C4


CSS-Code:

background-image: linear-gradient(135deg, #BFDAC1 1%, #BED9C4 95%);

Radial

HEX #BFDAC1 zu HEX #BED9C4


CSS-Code:

background-image: radial-gradient(circle, #BFDAC1 2%, #BED9C4 86%);

 

HEX #BED9C4 zu HEX #BFDAC1


CSS-Code:

background-image: linear-gradient(135deg, #BED9C4 6%, #BFDAC1 92%);

 

HEX #BED9C4 zu HEX #BFDAC1


CSS-Code:

background-image: radial-gradient(circle, #BED9C4 7%, #BFDAC1 91%);

 

HEX #BFDAC1 zu HEX #BED9C9


CSS-Code:

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

 

HEX #BFDAC1 zu HEX #BED9C9


CSS-Code:

background-image: radial-gradient(circle, #BFDAC1 4%, #BED9C9 94%);

 

HEX #BED9C9 zu HEX #BFDAC1


CSS-Code:

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

 

HEX #BED9C9 zu HEX #BFDAC1


CSS-Code:

background-image: radial-gradient(circle, #BED9C9 4%, #BFDAC1 96%);

 

HEX #BFDAC1 zu HEX #BED9CD


CSS-Code:

background-image: linear-gradient(135deg, #BFDAC1 10%, #BED9CD 94%);

 

HEX #BFDAC1 zu HEX #BED9CD


CSS-Code:

background-image: radial-gradient(circle, #BFDAC1 12%, #BED9CD 98%);

 

HEX #BED9CD zu HEX #BFDAC1


CSS-Code:

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

 

HEX #BED9CD zu HEX #BFDAC1


CSS-Code:

background-image: radial-gradient(circle, #BED9CD 12%, #BFDAC1 86%);

 

HEX #BFDAC1 zu HEX #BED9D2


CSS-Code:

background-image: linear-gradient(135deg, #BFDAC1 9%, #BED9D2 90%);

 

HEX #BFDAC1 zu HEX #BED9D2


CSS-Code:

background-image: radial-gradient(circle, #BFDAC1 1%, #BED9D2 94%);

 

HEX #BED9D2 zu HEX #BFDAC1


CSS-Code:

background-image: linear-gradient(135deg, #BED9D2 10%, #BFDAC1 88%);

 

HEX #BED9D2 zu HEX #BFDAC1


CSS-Code:

background-image: radial-gradient(circle, #BED9D2 6%, #BFDAC1 92%);

Linear

HEX #BFDAC1 zu HEX #0C0E0C


CSS-Code:

background-image: linear-gradient(135deg, #BFDAC1 14%, #0C0E0C 100%);

Radial

HEX #BFDAC1 zu HEX #0C0E0C


CSS-Code:

background-image: radial-gradient(circle, #BFDAC1 14%, #0C0E0C 99%);

 

HEX #0C0E0C zu HEX #BFDAC1


CSS-Code:

background-image: linear-gradient(135deg, #0C0E0C 2%, #BFDAC1 90%);

 

HEX #0C0E0C zu HEX #BFDAC1


CSS-Code:

background-image: radial-gradient(circle, #0C0E0C 5%, #BFDAC1 87%);

 

HEX #BFDAC1 zu HEX #39413A


CSS-Code:

background-image: linear-gradient(135deg, #BFDAC1 6%, #39413A 97%);

 

HEX #BFDAC1 zu HEX #39413A


CSS-Code:

background-image: radial-gradient(circle, #BFDAC1 4%, #39413A 92%);

 

HEX #39413A zu HEX #BFDAC1


CSS-Code:

background-image: linear-gradient(135deg, #39413A 14%, #BFDAC1 91%);

 

HEX #39413A zu HEX #BFDAC1


CSS-Code:

background-image: radial-gradient(circle, #39413A 6%, #BFDAC1 87%);

 

HEX #BFDAC1 zu HEX #667467


CSS-Code:

background-image: linear-gradient(135deg, #BFDAC1 2%, #667467 99%);

 

HEX #BFDAC1 zu HEX #667467


CSS-Code:

background-image: radial-gradient(circle, #BFDAC1 10%, #667467 89%);

 

HEX #667467 zu HEX #BFDAC1


CSS-Code:

background-image: linear-gradient(135deg, #667467 7%, #BFDAC1 92%);

 

HEX #667467 zu HEX #BFDAC1


CSS-Code:

background-image: radial-gradient(circle, #667467 1%, #BFDAC1 89%);

 

HEX #BFDAC1 zu HEX #92A794


CSS-Code:

background-image: linear-gradient(135deg, #BFDAC1 12%, #92A794 96%);

 

HEX #BFDAC1 zu HEX #92A794


CSS-Code:

background-image: radial-gradient(circle, #BFDAC1 10%, #92A794 99%);

 

HEX #92A794 zu HEX #BFDAC1


CSS-Code:

background-image: linear-gradient(135deg, #92A794 12%, #BFDAC1 100%);

 

HEX #92A794 zu HEX #BFDAC1


CSS-Code:

background-image: radial-gradient(circle, #92A794 5%, #BFDAC1 98%);

Linear

HEX #BFDAC1 zu HEX #BED2D9


CSS-Code:

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

Radial

HEX #BFDAC1 zu HEX #BED2D9


CSS-Code:

background-image: radial-gradient(circle, #BFDAC1 6%, #BED2D9 98%);

 

HEX #BED2D9 zu HEX #BFDAC1


CSS-Code:

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

 

HEX #BED2D9 zu HEX #BFDAC1


CSS-Code:

background-image: radial-gradient(circle, #BED2D9 7%, #BFDAC1 91%);

 

HEX #BFDAC1 zu HEX #D9BEC7


CSS-Code:

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

 

HEX #BFDAC1 zu HEX #D9BEC7


CSS-Code:

background-image: radial-gradient(circle, #BFDAC1 8%, #D9BEC7 89%);

 

HEX #D9BEC7 zu HEX #BFDAC1


CSS-Code:

background-image: linear-gradient(135deg, #D9BEC7 6%, #BFDAC1 98%);

 

HEX #D9BEC7 zu HEX #BFDAC1


CSS-Code:

background-image: radial-gradient(circle, #D9BEC7 14%, #BFDAC1 90%);

Linear

HEX #BFDAC1 zu HEX #C0BED9


CSS-Code:

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

Radial

HEX #BFDAC1 zu HEX #C0BED9


CSS-Code:

background-image: radial-gradient(circle, #BFDAC1 13%, #C0BED9 87%);

 

HEX #C0BED9 zu HEX #BFDAC1


CSS-Code:

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

 

HEX #C0BED9 zu HEX #BFDAC1


CSS-Code:

background-image: radial-gradient(circle, #C0BED9 8%, #BFDAC1 99%);

 

HEX #BFDAC1 zu HEX #D9C0BE


CSS-Code:

background-image: linear-gradient(135deg, #BFDAC1 1%, #D9C0BE 91%);

 

HEX #BFDAC1 zu HEX #D9C0BE


CSS-Code:

background-image: radial-gradient(circle, #BFDAC1 2%, #D9C0BE 98%);

 

HEX #D9C0BE zu HEX #BFDAC1


CSS-Code:

background-image: linear-gradient(135deg, #D9C0BE 4%, #BFDAC1 96%);

 

HEX #D9C0BE zu HEX #BFDAC1


CSS-Code:

background-image: radial-gradient(circle, #D9C0BE 11%, #BFDAC1 95%);

Linear

HEX #BFDAC1 zu HEX #BED2D9


CSS-Code:

background-image: linear-gradient(135deg, #BFDAC1 4%, #BED2D9 90%);

Radial

HEX #BFDAC1 zu HEX #BED2D9


CSS-Code:

background-image: radial-gradient(circle, #BFDAC1 1%, #BED2D9 88%);

 

HEX #BED2D9 zu HEX #BFDAC1


CSS-Code:

background-image: linear-gradient(135deg, #BED2D9 11%, #BFDAC1 92%);

 

HEX #BED2D9 zu HEX #BFDAC1


CSS-Code:

background-image: radial-gradient(circle, #BED2D9 10%, #BFDAC1 94%);

 

HEX #BFDAC1 zu HEX #D9BED7


CSS-Code:

background-image: linear-gradient(135deg, #BFDAC1 13%, #D9BED7 94%);

 

HEX #BFDAC1 zu HEX #D9BED7


CSS-Code:

background-image: radial-gradient(circle, #BFDAC1 8%, #D9BED7 98%);

 

HEX #D9BED7 zu HEX #BFDAC1


CSS-Code:

background-image: linear-gradient(135deg, #D9BED7 13%, #BFDAC1 94%);

 

HEX #D9BED7 zu HEX #BFDAC1


CSS-Code:

background-image: radial-gradient(circle, #D9BED7 4%, #BFDAC1 96%);

 

HEX #BFDAC1 zu HEX #D9C5BE


CSS-Code:

background-image: linear-gradient(135deg, #BFDAC1 14%, #D9C5BE 93%);

 

HEX #BFDAC1 zu HEX #D9C5BE


CSS-Code:

background-image: radial-gradient(circle, #BFDAC1 9%, #D9C5BE 89%);

 

HEX #D9C5BE zu HEX #BFDAC1


CSS-Code:

background-image: linear-gradient(135deg, #D9C5BE 7%, #BFDAC1 100%);

 

HEX #D9C5BE zu HEX #BFDAC1


CSS-Code:

background-image: radial-gradient(circle, #D9C5BE 11%, #BFDAC1 100%);

Linear

HEX #BFDAC1 zu HEX #BECAD9


CSS-Code:

background-image: linear-gradient(135deg, #BFDAC1 9%, #BECAD9 91%);

Radial

HEX #BFDAC1 zu HEX #BECAD9


CSS-Code:

background-image: radial-gradient(circle, #BFDAC1 10%, #BECAD9 94%);

 

HEX #BECAD9 zu HEX #BFDAC1


CSS-Code:

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

 

HEX #BECAD9 zu HEX #BFDAC1


CSS-Code:

background-image: radial-gradient(circle, #BECAD9 8%, #BFDAC1 92%);

 

HEX #BFDAC1 zu HEX #D9BED7


CSS-Code:

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

 

HEX #BFDAC1 zu HEX #D9BED7


CSS-Code:

background-image: radial-gradient(circle, #BFDAC1 0%, #D9BED7 96%);

 

HEX #D9BED7 zu HEX #BFDAC1


CSS-Code:

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

 

HEX #D9BED7 zu HEX #BFDAC1


CSS-Code:

background-image: radial-gradient(circle, #D9BED7 13%, #BFDAC1 92%);

 

HEX #BFDAC1 zu HEX #D9CDBE


CSS-Code:

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

 

HEX #BFDAC1 zu HEX #D9CDBE


CSS-Code:

background-image: radial-gradient(circle, #BFDAC1 8%, #D9CDBE 97%);

 

HEX #D9CDBE zu HEX #BFDAC1


CSS-Code:

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

 

HEX #D9CDBE zu HEX #BFDAC1


CSS-Code:

background-image: radial-gradient(circle, #D9CDBE 13%, #BFDAC1 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

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

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)

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

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

Icons

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, musst Du angemeldet sein.

Bei deinem Konto anmelden

oder

Erstelle ein Konto

Aktuelle Farbpalette teilen
Soll sie öffentlich oder privat sein?
Link(s) folgen nach dem Teilen.

Abbrechen Teilen

Farbpalette geteilt
Bitte kopiere und speichere dir den gewünschten Link.

Teilen

OK, ich habe die Links kopiert

Deine Farben werden in einer neuen Farbpalette gespeichert.
Sehe sie dir unter deinem Profil an.
Du kannst sie weiter anpassen, und teilen.

Farbpalette anzeigen
Schließen

Erstelle eine Farbpalette

HerunterladenHerunterladen in verschiedenen Formaten

Alle Entfernen

Durch Klicken auf kannst du Paletten erstellen und die Farbfelder herunterladen.