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

✕

CSS Gradienten:
#ACDFB3

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

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 172 Rot, 223 Grün und 179 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 23 Cyan, keine Magenta, 20 Gelb und 13 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 #ACDFB3 - Komplementärfarbe

Linear

HEX #ACDFB3 zu HEX #53204C

CSS-Code:

background-image: linear-gradient(135deg, #ACDFB3 12%, #53204C 96%);

Radial

HEX #ACDFB3 zu HEX #53204C

CSS-Code:

background-image: radial-gradient(circle, #ACDFB3 10%, #53204C 89%);

HEX #53204C zu HEX #ACDFB3

CSS-Code:

background-image: linear-gradient(135deg, #53204C 11%, #ACDFB3 92%);

HEX #53204C zu HEX #ACDFB3

CSS-Code:

background-image: radial-gradient(circle, #53204C 14%, #ACDFB3 97%);

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

Linear

HEX #ACDFB3 zu HEX #B1DEAB

CSS-Code:

background-image: linear-gradient(135deg, #ACDFB3 0%, #B1DEAB 94%);

Radial

HEX #ACDFB3 zu HEX #B1DEAB

CSS-Code:

background-image: radial-gradient(circle, #ACDFB3 4%, #B1DEAB 95%);

HEX #B1DEAB zu HEX #ACDFB3

CSS-Code:

background-image: linear-gradient(135deg, #B1DEAB 8%, #ACDFB3 88%);

HEX #B1DEAB zu HEX #ACDFB3

CSS-Code:

background-image: radial-gradient(circle, #B1DEAB 2%, #ACDFB3 96%);

HEX #ACDFB3 zu HEX #ABDEB1

CSS-Code:

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

HEX #ACDFB3 zu HEX #ABDEB1

CSS-Code:

background-image: radial-gradient(circle, #ACDFB3 2%, #ABDEB1 95%);

HEX #ABDEB1 zu HEX #ACDFB3

CSS-Code:

background-image: linear-gradient(135deg, #ABDEB1 14%, #ACDFB3 86%);

HEX #ABDEB1 zu HEX #ACDFB3

CSS-Code:

background-image: radial-gradient(circle, #ABDEB1 13%, #ACDFB3 93%);

HEX #ACDFB3 zu HEX #ABDEBF

CSS-Code:

background-image: linear-gradient(135deg, #ACDFB3 1%, #ABDEBF 99%);

HEX #ACDFB3 zu HEX #ABDEBF

CSS-Code:

background-image: radial-gradient(circle, #ACDFB3 11%, #ABDEBF 95%);

HEX #ABDEBF zu HEX #ACDFB3

CSS-Code:

background-image: linear-gradient(135deg, #ABDEBF 11%, #ACDFB3 86%);

HEX #ABDEBF zu HEX #ACDFB3

CSS-Code:

background-image: radial-gradient(circle, #ABDEBF 10%, #ACDFB3 89%);

HEX #ACDFB3 zu HEX #ABDECD

CSS-Code:

background-image: linear-gradient(135deg, #ACDFB3 5%, #ABDECD 96%);

HEX #ACDFB3 zu HEX #ABDECD

CSS-Code:

background-image: radial-gradient(circle, #ACDFB3 0%, #ABDECD 98%);

HEX #ABDECD zu HEX #ACDFB3

CSS-Code:

background-image: linear-gradient(135deg, #ABDECD 5%, #ACDFB3 98%);

HEX #ABDECD zu HEX #ACDFB3

CSS-Code:

background-image: radial-gradient(circle, #ABDECD 14%, #ACDFB3 92%);

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

Linear

HEX #ACDFB3 zu HEX #8DD396

CSS-Code:

background-image: linear-gradient(135deg, #ACDFB3 7%, #8DD396 93%);

Radial

HEX #ACDFB3 zu HEX #8DD396

CSS-Code:

background-image: radial-gradient(circle, #ACDFB3 6%, #8DD396 87%);

HEX #8DD396 zu HEX #ACDFB3

CSS-Code:

background-image: linear-gradient(135deg, #8DD396 2%, #ACDFB3 100%);

HEX #8DD396 zu HEX #ACDFB3

CSS-Code:

background-image: radial-gradient(circle, #8DD396 11%, #ACDFB3 89%);

HEX #ACDFB3 zu HEX #ABDEB2

CSS-Code:

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

HEX #ACDFB3 zu HEX #ABDEB2

CSS-Code:

background-image: radial-gradient(circle, #ACDFB3 11%, #ABDEB2 95%);

HEX #ABDEB2 zu HEX #ACDFB3

CSS-Code:

background-image: linear-gradient(135deg, #ABDEB2 4%, #ACDFB3 86%);

HEX #ABDEB2 zu HEX #ACDFB3

CSS-Code:

background-image: radial-gradient(circle, #ABDEB2 7%, #ACDFB3 98%);

HEX #ACDFB3 zu HEX #C8EACD

CSS-Code:

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

HEX #ACDFB3 zu HEX #C8EACD

CSS-Code:

background-image: radial-gradient(circle, #ACDFB3 5%, #C8EACD 93%);

HEX #C8EACD zu HEX #ACDFB3

CSS-Code:

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

HEX #C8EACD zu HEX #ACDFB3

CSS-Code:

background-image: radial-gradient(circle, #C8EACD 0%, #ACDFB3 87%);

HEX #ACDFB3 zu HEX #E6F5E8

CSS-Code:

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

HEX #ACDFB3 zu HEX #E6F5E8

CSS-Code:

background-image: radial-gradient(circle, #ACDFB3 10%, #E6F5E8 95%);

HEX #E6F5E8 zu HEX #ACDFB3

CSS-Code:

background-image: linear-gradient(135deg, #E6F5E8 0%, #ACDFB3 88%);

HEX #E6F5E8 zu HEX #ACDFB3

CSS-Code:

background-image: radial-gradient(circle, #E6F5E8 7%, #ACDFB3 88%);

2-Farben Gradienten von #ACDFB3 - Analoge Farben

Linear

HEX #ACDFB3 zu HEX #B1DEAB

CSS-Code:

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

Radial

HEX #ACDFB3 zu HEX #B1DEAB

CSS-Code:

background-image: radial-gradient(circle, #ACDFB3 5%, #B1DEAB 96%);

HEX #B1DEAB zu HEX #ACDFB3

CSS-Code:

background-image: linear-gradient(135deg, #B1DEAB 3%, #ACDFB3 95%);

HEX #B1DEAB zu HEX #ACDFB3

CSS-Code:

background-image: radial-gradient(circle, #B1DEAB 9%, #ACDFB3 90%);

HEX #ACDFB3 zu HEX #ABDEB1

CSS-Code:

background-image: linear-gradient(135deg, #ACDFB3 8%, #ABDEB1 87%);

HEX #ACDFB3 zu HEX #ABDEB1

CSS-Code:

background-image: radial-gradient(circle, #ACDFB3 2%, #ABDEB1 100%);

HEX #ABDEB1 zu HEX #ACDFB3

CSS-Code:

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

HEX #ABDEB1 zu HEX #ACDFB3

CSS-Code:

background-image: radial-gradient(circle, #ABDEB1 12%, #ACDFB3 95%);

HEX #ACDFB3 zu HEX #ABDEBF

CSS-Code:

background-image: linear-gradient(135deg, #ACDFB3 11%, #ABDEBF 91%);

HEX #ACDFB3 zu HEX #ABDEBF

CSS-Code:

background-image: radial-gradient(circle, #ACDFB3 1%, #ABDEBF 98%);

HEX #ABDEBF zu HEX #ACDFB3

CSS-Code:

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

HEX #ABDEBF zu HEX #ACDFB3

CSS-Code:

background-image: radial-gradient(circle, #ABDEBF 12%, #ACDFB3 86%);

HEX #ACDFB3 zu HEX #ABDECD

CSS-Code:

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

HEX #ACDFB3 zu HEX #ABDECD

CSS-Code:

background-image: radial-gradient(circle, #ACDFB3 5%, #ABDECD 92%);

HEX #ABDECD zu HEX #ACDFB3

CSS-Code:

background-image: linear-gradient(135deg, #ABDECD 8%, #ACDFB3 95%);

HEX #ABDECD zu HEX #ACDFB3

CSS-Code:

background-image: radial-gradient(circle, #ABDECD 3%, #ACDFB3 95%);

2-Farben Gradienten von #ACDFB3 - Monochromatische Farben

Linear

HEX #ACDFB3 zu HEX #8DD396

CSS-Code:

background-image: linear-gradient(135deg, #ACDFB3 7%, #8DD396 86%);

Radial

HEX #ACDFB3 zu HEX #8DD396

CSS-Code:

background-image: radial-gradient(circle, #ACDFB3 9%, #8DD396 99%);

HEX #8DD396 zu HEX #ACDFB3

CSS-Code:

background-image: linear-gradient(135deg, #8DD396 5%, #ACDFB3 90%);

HEX #8DD396 zu HEX #ACDFB3

CSS-Code:

background-image: radial-gradient(circle, #8DD396 3%, #ACDFB3 94%);

HEX #ACDFB3 zu HEX #ABDEB2

CSS-Code:

background-image: linear-gradient(135deg, #ACDFB3 13%, #ABDEB2 96%);

HEX #ACDFB3 zu HEX #ABDEB2

CSS-Code:

background-image: radial-gradient(circle, #ACDFB3 12%, #ABDEB2 90%);

HEX #ABDEB2 zu HEX #ACDFB3

CSS-Code:

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

HEX #ABDEB2 zu HEX #ACDFB3

CSS-Code:

background-image: radial-gradient(circle, #ABDEB2 6%, #ACDFB3 88%);

HEX #ACDFB3 zu HEX #C8EACD

CSS-Code:

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

HEX #ACDFB3 zu HEX #C8EACD

CSS-Code:

background-image: radial-gradient(circle, #ACDFB3 1%, #C8EACD 96%);

HEX #C8EACD zu HEX #ACDFB3

CSS-Code:

background-image: linear-gradient(135deg, #C8EACD 4%, #ACDFB3 86%);

HEX #C8EACD zu HEX #ACDFB3

CSS-Code:

background-image: radial-gradient(circle, #C8EACD 9%, #ACDFB3 94%);

HEX #ACDFB3 zu HEX #E6F5E8

CSS-Code:

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

HEX #ACDFB3 zu HEX #E6F5E8

CSS-Code:

background-image: radial-gradient(circle, #ACDFB3 10%, #E6F5E8 88%);

HEX #E6F5E8 zu HEX #ACDFB3

CSS-Code:

background-image: linear-gradient(135deg, #E6F5E8 0%, #ACDFB3 98%);

HEX #E6F5E8 zu HEX #ACDFB3

CSS-Code:

background-image: radial-gradient(circle, #E6F5E8 8%, #ACDFB3 91%);

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

Linear

HEX #ACDFB3 zu HEX #ABCDDE

CSS-Code:

background-image: linear-gradient(135deg, #ACDFB3 11%, #ABCDDE 97%);

Radial

HEX #ACDFB3 zu HEX #ABCDDE

CSS-Code:

background-image: radial-gradient(circle, #ACDFB3 1%, #ABCDDE 97%);

HEX #ABCDDE zu HEX #ACDFB3

CSS-Code:

background-image: linear-gradient(135deg, #ABCDDE 5%, #ACDFB3 91%);

HEX #ABCDDE zu HEX #ACDFB3

CSS-Code:

background-image: radial-gradient(circle, #ABCDDE 9%, #ACDFB3 96%);

HEX #ACDFB3 zu HEX #DEABB8

CSS-Code:

background-image: linear-gradient(135deg, #ACDFB3 1%, #DEABB8 99%);

HEX #ACDFB3 zu HEX #DEABB8

CSS-Code:

background-image: radial-gradient(circle, #ACDFB3 11%, #DEABB8 86%);

HEX #DEABB8 zu HEX #ACDFB3

CSS-Code:

background-image: linear-gradient(135deg, #DEABB8 5%, #ACDFB3 99%);

HEX #DEABB8 zu HEX #ACDFB3

CSS-Code:

background-image: radial-gradient(circle, #DEABB8 14%, #ACDFB3 98%);

2-Farben Gradienten von #ACDFB3 - Triadische Farben

Linear

HEX #ACDFB3 zu HEX #B1ABDE

CSS-Code:

background-image: linear-gradient(135deg, #ACDFB3 5%, #B1ABDE 89%);

Radial

HEX #ACDFB3 zu HEX #B1ABDE

CSS-Code:

background-image: radial-gradient(circle, #ACDFB3 5%, #B1ABDE 99%);

HEX #B1ABDE zu HEX #ACDFB3

CSS-Code:

background-image: linear-gradient(135deg, #B1ABDE 5%, #ACDFB3 87%);

HEX #B1ABDE zu HEX #ACDFB3

CSS-Code:

background-image: radial-gradient(circle, #B1ABDE 4%, #ACDFB3 98%);

HEX #ACDFB3 zu HEX #DEB1AB

CSS-Code:

background-image: linear-gradient(135deg, #ACDFB3 3%, #DEB1AB 95%);

HEX #ACDFB3 zu HEX #DEB1AB

CSS-Code:

background-image: radial-gradient(circle, #ACDFB3 3%, #DEB1AB 93%);

HEX #DEB1AB zu HEX #ACDFB3

CSS-Code:

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

HEX #DEB1AB zu HEX #ACDFB3

CSS-Code:

background-image: radial-gradient(circle, #DEB1AB 0%, #ACDFB3 91%);

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

Linear

HEX #ACDFB3 zu HEX #ABCDDE

CSS-Code:

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

Radial

HEX #ACDFB3 zu HEX #ABCDDE

CSS-Code:

background-image: radial-gradient(circle, #ACDFB3 4%, #ABCDDE 99%);

HEX #ABCDDE zu HEX #ACDFB3

CSS-Code:

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

HEX #ABCDDE zu HEX #ACDFB3

CSS-Code:

background-image: radial-gradient(circle, #ABCDDE 10%, #ACDFB3 92%);

HEX #ACDFB3 zu HEX #DEABD7

CSS-Code:

background-image: linear-gradient(135deg, #ACDFB3 13%, #DEABD7 88%);

HEX #ACDFB3 zu HEX #DEABD7

CSS-Code:

background-image: radial-gradient(circle, #ACDFB3 6%, #DEABD7 88%);

HEX #DEABD7 zu HEX #ACDFB3

CSS-Code:

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

HEX #DEABD7 zu HEX #ACDFB3

CSS-Code:

background-image: radial-gradient(circle, #DEABD7 6%, #ACDFB3 86%);

HEX #ACDFB3 zu HEX #DEBCAB

CSS-Code:

background-image: linear-gradient(135deg, #ACDFB3 14%, #DEBCAB 87%);

HEX #ACDFB3 zu HEX #DEBCAB

CSS-Code:

background-image: radial-gradient(circle, #ACDFB3 0%, #DEBCAB 90%);

HEX #DEBCAB zu HEX #ACDFB3

CSS-Code:

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

HEX #DEBCAB zu HEX #ACDFB3

CSS-Code:

background-image: radial-gradient(circle, #DEBCAB 1%, #ACDFB3 94%);

2-Farben Gradienten von #ACDFB3 - Quadratische Farben

Linear

HEX #ACDFB3 zu HEX #ABBDDE

CSS-Code:

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

Radial

HEX #ACDFB3 zu HEX #ABBDDE

CSS-Code:

background-image: radial-gradient(circle, #ACDFB3 4%, #ABBDDE 93%);

HEX #ABBDDE zu HEX #ACDFB3

CSS-Code:

background-image: linear-gradient(135deg, #ABBDDE 0%, #ACDFB3 89%);

HEX #ABBDDE zu HEX #ACDFB3

CSS-Code:

background-image: radial-gradient(circle, #ABBDDE 10%, #ACDFB3 96%);

HEX #ACDFB3 zu HEX #DEABD7

CSS-Code:

background-image: linear-gradient(135deg, #ACDFB3 5%, #DEABD7 93%);

HEX #ACDFB3 zu HEX #DEABD7

CSS-Code:

background-image: radial-gradient(circle, #ACDFB3 2%, #DEABD7 89%);

HEX #DEABD7 zu HEX #ACDFB3

CSS-Code:

background-image: linear-gradient(135deg, #DEABD7 4%, #ACDFB3 87%);

HEX #DEABD7 zu HEX #ACDFB3

CSS-Code:

background-image: radial-gradient(circle, #DEABD7 7%, #ACDFB3 90%);

HEX #ACDFB3 zu HEX #DECBAB

CSS-Code:

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

HEX #ACDFB3 zu HEX #DECBAB

CSS-Code:

background-image: radial-gradient(circle, #ACDFB3 8%, #DECBAB 86%);

HEX #DECBAB zu HEX #ACDFB3

CSS-Code:

background-image: linear-gradient(135deg, #DECBAB 3%, #ACDFB3 96%);

HEX #DECBAB zu HEX #ACDFB3

CSS-Code:

background-image: radial-gradient(circle, #DECBAB 12%, #ACDFB3 100%);

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.