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

CSS Gradienten:
#ADFBECCE

Information

schließe alle

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.

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.

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

Verifizierung Ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #ADFBECCE zu HEX #520413CE


CSS-Code:

background-image: linear-gradient(135deg, #ADFBECCE 11%, #520413CE 87%);

Radial

HEX #ADFBECCE zu HEX #520413CE


CSS-Code:

background-image: radial-gradient(circle, #ADFBECCE 12%, #520413CE 91%);

 

HEX #520413CE zu HEX #ADFBECCE


CSS-Code:

background-image: linear-gradient(135deg, #520413CE 13%, #ADFBECCE 93%);

 

HEX #520413CE zu HEX #ADFBECCE


CSS-Code:

background-image: radial-gradient(circle, #520413CE 7%, #ADFBECCE 91%);

Linear

HEX #ADFBECCE zu HEX #ACFBD6CE


CSS-Code:

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

Radial

HEX #ADFBECCE zu HEX #ACFBD6CE


CSS-Code:

background-image: radial-gradient(circle, #ADFBECCE 9%, #ACFBD6CE 90%);

 

HEX #ACFBD6CE zu HEX #ADFBECCE


CSS-Code:

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

 

HEX #ACFBD6CE zu HEX #ADFBECCE


CSS-Code:

background-image: radial-gradient(circle, #ACFBD6CE 11%, #ADFBECCE 91%);

 

HEX #ADFBECCE zu HEX #ACFBEBCE


CSS-Code:

background-image: linear-gradient(135deg, #ADFBECCE 14%, #ACFBEBCE 100%);

 

HEX #ADFBECCE zu HEX #ACFBEBCE


CSS-Code:

background-image: radial-gradient(circle, #ADFBECCE 11%, #ACFBEBCE 86%);

 

HEX #ACFBEBCE zu HEX #ADFBECCE


CSS-Code:

background-image: linear-gradient(135deg, #ACFBEBCE 5%, #ADFBECCE 95%);

 

HEX #ACFBEBCE zu HEX #ADFBECCE


CSS-Code:

background-image: radial-gradient(circle, #ACFBEBCE 0%, #ADFBECCE 90%);

 

HEX #ADFBECCE zu HEX #ACF6FBCE


CSS-Code:

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

 

HEX #ADFBECCE zu HEX #ACF6FBCE


CSS-Code:

background-image: radial-gradient(circle, #ADFBECCE 6%, #ACF6FBCE 97%);

 

HEX #ACF6FBCE zu HEX #ADFBECCE


CSS-Code:

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

 

HEX #ACF6FBCE zu HEX #ADFBECCE


CSS-Code:

background-image: radial-gradient(circle, #ACF6FBCE 1%, #ADFBECCE 86%);

 

HEX #ADFBECCE zu HEX #ACE1FBCE


CSS-Code:

background-image: linear-gradient(135deg, #ADFBECCE 6%, #ACE1FBCE 87%);

 

HEX #ADFBECCE zu HEX #ACE1FBCE


CSS-Code:

background-image: radial-gradient(circle, #ADFBECCE 12%, #ACE1FBCE 90%);

 

HEX #ACE1FBCE zu HEX #ADFBECCE


CSS-Code:

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

 

HEX #ACE1FBCE zu HEX #ADFBECCE


CSS-Code:

background-image: radial-gradient(circle, #ACE1FBCE 9%, #ADFBECCE 89%);

Linear

HEX #ADFBECCE zu HEX #85F9E3


CSS-Code:

background-image: linear-gradient(135deg, #ADFBECCE 12%, #85F9E3 89%);

Radial

HEX #ADFBECCE zu HEX #85F9E3


CSS-Code:

background-image: radial-gradient(circle, #ADFBECCE 5%, #85F9E3 93%);

 

HEX #85F9E3 zu HEX #ADFBECCE


CSS-Code:

background-image: linear-gradient(135deg, #85F9E3 2%, #ADFBECCE 100%);

 

HEX #85F9E3 zu HEX #ADFBECCE


CSS-Code:

background-image: radial-gradient(circle, #85F9E3 9%, #ADFBECCE 90%);

 

HEX #ADFBECCE zu HEX #ACFBEC


CSS-Code:

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

 

HEX #ADFBECCE zu HEX #ACFBEC


CSS-Code:

background-image: radial-gradient(circle, #ADFBECCE 2%, #ACFBEC 98%);

 

HEX #ACFBEC zu HEX #ADFBECCE


CSS-Code:

background-image: linear-gradient(135deg, #ACFBEC 5%, #ADFBECCE 90%);

 

HEX #ACFBEC zu HEX #ADFBECCE


CSS-Code:

background-image: radial-gradient(circle, #ACFBEC 9%, #ADFBECCE 94%);

 

HEX #ADFBECCE zu HEX #D4FDF5


CSS-Code:

background-image: linear-gradient(135deg, #ADFBECCE 6%, #D4FDF5 89%);

 

HEX #ADFBECCE zu HEX #D4FDF5


CSS-Code:

background-image: radial-gradient(circle, #ADFBECCE 3%, #D4FDF5 98%);

 

HEX #D4FDF5 zu HEX #ADFBECCE


CSS-Code:

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

 

HEX #D4FDF5 zu HEX #ADFBECCE


CSS-Code:

background-image: radial-gradient(circle, #D4FDF5 10%, #ADFBECCE 88%);

 

HEX #ADFBECCE zu HEX #FBFFFE


CSS-Code:

background-image: linear-gradient(135deg, #ADFBECCE 12%, #FBFFFE 90%);

 

HEX #ADFBECCE zu HEX #FBFFFE


CSS-Code:

background-image: radial-gradient(circle, #ADFBECCE 13%, #FBFFFE 90%);

 

HEX #FBFFFE zu HEX #ADFBECCE


CSS-Code:

background-image: linear-gradient(135deg, #FBFFFE 13%, #ADFBECCE 99%);

 

HEX #FBFFFE zu HEX #ADFBECCE


CSS-Code:

background-image: radial-gradient(circle, #FBFFFE 10%, #ADFBECCE 96%);

Linear

HEX #ADFBECCE zu HEX #ACFBD6CE


CSS-Code:

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

Radial

HEX #ADFBECCE zu HEX #ACFBD6CE


CSS-Code:

background-image: radial-gradient(circle, #ADFBECCE 7%, #ACFBD6CE 95%);

 

HEX #ACFBD6CE zu HEX #ADFBECCE


CSS-Code:

background-image: linear-gradient(135deg, #ACFBD6CE 6%, #ADFBECCE 89%);

 

HEX #ACFBD6CE zu HEX #ADFBECCE


CSS-Code:

background-image: radial-gradient(circle, #ACFBD6CE 2%, #ADFBECCE 96%);

 

HEX #ADFBECCE zu HEX #ACFBEBCE


CSS-Code:

background-image: linear-gradient(135deg, #ADFBECCE 6%, #ACFBEBCE 87%);

 

HEX #ADFBECCE zu HEX #ACFBEBCE


CSS-Code:

background-image: radial-gradient(circle, #ADFBECCE 6%, #ACFBEBCE 88%);

 

HEX #ACFBEBCE zu HEX #ADFBECCE


CSS-Code:

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

 

HEX #ACFBEBCE zu HEX #ADFBECCE


CSS-Code:

background-image: radial-gradient(circle, #ACFBEBCE 0%, #ADFBECCE 89%);

 

HEX #ADFBECCE zu HEX #ACF6FBCE


CSS-Code:

background-image: linear-gradient(135deg, #ADFBECCE 0%, #ACF6FBCE 86%);

 

HEX #ADFBECCE zu HEX #ACF6FBCE


CSS-Code:

background-image: radial-gradient(circle, #ADFBECCE 8%, #ACF6FBCE 86%);

 

HEX #ACF6FBCE zu HEX #ADFBECCE


CSS-Code:

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

 

HEX #ACF6FBCE zu HEX #ADFBECCE


CSS-Code:

background-image: radial-gradient(circle, #ACF6FBCE 12%, #ADFBECCE 97%);

 

HEX #ADFBECCE zu HEX #ACE1FBCE


CSS-Code:

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

 

HEX #ADFBECCE zu HEX #ACE1FBCE


CSS-Code:

background-image: radial-gradient(circle, #ADFBECCE 6%, #ACE1FBCE 95%);

 

HEX #ACE1FBCE zu HEX #ADFBECCE


CSS-Code:

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

 

HEX #ACE1FBCE zu HEX #ADFBECCE


CSS-Code:

background-image: radial-gradient(circle, #ACE1FBCE 8%, #ADFBECCE 87%);

Linear

HEX #ADFBECCE zu HEX #85F9E3


CSS-Code:

background-image: linear-gradient(135deg, #ADFBECCE 12%, #85F9E3 100%);

Radial

HEX #ADFBECCE zu HEX #85F9E3


CSS-Code:

background-image: radial-gradient(circle, #ADFBECCE 2%, #85F9E3 92%);

 

HEX #85F9E3 zu HEX #ADFBECCE


CSS-Code:

background-image: linear-gradient(135deg, #85F9E3 11%, #ADFBECCE 98%);

 

HEX #85F9E3 zu HEX #ADFBECCE


CSS-Code:

background-image: radial-gradient(circle, #85F9E3 2%, #ADFBECCE 95%);

 

HEX #ADFBECCE zu HEX #ACFBEC


CSS-Code:

background-image: linear-gradient(135deg, #ADFBECCE 13%, #ACFBEC 98%);

 

HEX #ADFBECCE zu HEX #ACFBEC


CSS-Code:

background-image: radial-gradient(circle, #ADFBECCE 3%, #ACFBEC 91%);

 

HEX #ACFBEC zu HEX #ADFBECCE


CSS-Code:

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

 

HEX #ACFBEC zu HEX #ADFBECCE


CSS-Code:

background-image: radial-gradient(circle, #ACFBEC 4%, #ADFBECCE 98%);

 

HEX #ADFBECCE zu HEX #D4FDF5


CSS-Code:

background-image: linear-gradient(135deg, #ADFBECCE 10%, #D4FDF5 99%);

 

HEX #ADFBECCE zu HEX #D4FDF5


CSS-Code:

background-image: radial-gradient(circle, #ADFBECCE 5%, #D4FDF5 95%);

 

HEX #D4FDF5 zu HEX #ADFBECCE


CSS-Code:

background-image: linear-gradient(135deg, #D4FDF5 4%, #ADFBECCE 94%);

 

HEX #D4FDF5 zu HEX #ADFBECCE


CSS-Code:

background-image: radial-gradient(circle, #D4FDF5 14%, #ADFBECCE 99%);

 

HEX #ADFBECCE zu HEX #FBFFFE


CSS-Code:

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

 

HEX #ADFBECCE zu HEX #FBFFFE


CSS-Code:

background-image: radial-gradient(circle, #ADFBECCE 5%, #FBFFFE 96%);

 

HEX #FBFFFE zu HEX #ADFBECCE


CSS-Code:

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

 

HEX #FBFFFE zu HEX #ADFBECCE


CSS-Code:

background-image: radial-gradient(circle, #FBFFFE 8%, #ADFBECCE 100%);

Linear

HEX #ADFBECCE zu HEX #ACACFB


CSS-Code:

background-image: linear-gradient(135deg, #ADFBECCE 9%, #ACACFB 88%);

Radial

HEX #ADFBECCE zu HEX #ACACFB


CSS-Code:

background-image: radial-gradient(circle, #ADFBECCE 9%, #ACACFB 88%);

 

HEX #ACACFB zu HEX #ADFBECCE


CSS-Code:

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

 

HEX #ACACFB zu HEX #ADFBECCE


CSS-Code:

background-image: radial-gradient(circle, #ACACFB 9%, #ADFBECCE 88%);

 

HEX #ADFBECCE zu HEX #FBCCAC


CSS-Code:

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

 

HEX #ADFBECCE zu HEX #FBCCAC


CSS-Code:

background-image: radial-gradient(circle, #ADFBECCE 10%, #FBCCAC 100%);

 

HEX #FBCCAC zu HEX #ADFBECCE


CSS-Code:

background-image: linear-gradient(135deg, #FBCCAC 3%, #ADFBECCE 100%);

 

HEX #FBCCAC zu HEX #ADFBECCE


CSS-Code:

background-image: radial-gradient(circle, #FBCCAC 12%, #ADFBECCE 94%);

Linear

HEX #ADFBECCE zu HEX #EBACFB


CSS-Code:

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

Radial

HEX #ADFBECCE zu HEX #EBACFB


CSS-Code:

background-image: radial-gradient(circle, #ADFBECCE 0%, #EBACFB 91%);

 

HEX #EBACFB zu HEX #ADFBECCE


CSS-Code:

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

 

HEX #EBACFB zu HEX #ADFBECCE


CSS-Code:

background-image: radial-gradient(circle, #EBACFB 7%, #ADFBECCE 99%);

 

HEX #ADFBECCE zu HEX #FBEBAC


CSS-Code:

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

 

HEX #ADFBECCE zu HEX #FBEBAC


CSS-Code:

background-image: radial-gradient(circle, #ADFBECCE 10%, #FBEBAC 94%);

 

HEX #FBEBAC zu HEX #ADFBECCE


CSS-Code:

background-image: linear-gradient(135deg, #FBEBAC 4%, #ADFBECCE 92%);

 

HEX #FBEBAC zu HEX #ADFBECCE


CSS-Code:

background-image: radial-gradient(circle, #FBEBAC 9%, #ADFBECCE 99%);

Linear

HEX #ADFBECCE zu HEX #ACACFB


CSS-Code:

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

Radial

HEX #ADFBECCE zu HEX #ACACFB


CSS-Code:

background-image: radial-gradient(circle, #ADFBECCE 5%, #ACACFB 92%);

 

HEX #ACACFB zu HEX #ADFBECCE


CSS-Code:

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

 

HEX #ACACFB zu HEX #ADFBECCE


CSS-Code:

background-image: radial-gradient(circle, #ACACFB 2%, #ADFBECCE 90%);

 

HEX #ADFBECCE zu HEX #FBACBC


CSS-Code:

background-image: linear-gradient(135deg, #ADFBECCE 10%, #FBACBC 96%);

 

HEX #ADFBECCE zu HEX #FBACBC


CSS-Code:

background-image: radial-gradient(circle, #ADFBECCE 10%, #FBACBC 88%);

 

HEX #FBACBC zu HEX #ADFBECCE


CSS-Code:

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

 

HEX #FBACBC zu HEX #ADFBECCE


CSS-Code:

background-image: radial-gradient(circle, #FBACBC 6%, #ADFBECCE 93%);

 

HEX #ADFBECCE zu HEX #FBFBAC


CSS-Code:

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

 

HEX #ADFBECCE zu HEX #FBFBAC


CSS-Code:

background-image: radial-gradient(circle, #ADFBECCE 13%, #FBFBAC 98%);

 

HEX #FBFBAC zu HEX #ADFBECCE


CSS-Code:

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

 

HEX #FBFBAC zu HEX #ADFBECCE


CSS-Code:

background-image: radial-gradient(circle, #FBFBAC 14%, #ADFBECCE 99%);

Linear

HEX #ADFBECCE zu HEX #C4ACFB


CSS-Code:

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

Radial

HEX #ADFBECCE zu HEX #C4ACFB


CSS-Code:

background-image: radial-gradient(circle, #ADFBECCE 10%, #C4ACFB 87%);

 

HEX #C4ACFB zu HEX #ADFBECCE


CSS-Code:

background-image: linear-gradient(135deg, #C4ACFB 1%, #ADFBECCE 93%);

 

HEX #C4ACFB zu HEX #ADFBECCE


CSS-Code:

background-image: radial-gradient(circle, #C4ACFB 14%, #ADFBECCE 97%);

 

HEX #ADFBECCE zu HEX #FBACBC


CSS-Code:

background-image: linear-gradient(135deg, #ADFBECCE 11%, #FBACBC 98%);

 

HEX #ADFBECCE zu HEX #FBACBC


CSS-Code:

background-image: radial-gradient(circle, #ADFBECCE 1%, #FBACBC 92%);

 

HEX #FBACBC zu HEX #ADFBECCE


CSS-Code:

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

 

HEX #FBACBC zu HEX #ADFBECCE


CSS-Code:

background-image: radial-gradient(circle, #FBACBC 6%, #ADFBECCE 90%);

 

HEX #ADFBECCE zu HEX #E3FBAC


CSS-Code:

background-image: linear-gradient(135deg, #ADFBECCE 14%, #E3FBAC 89%);

 

HEX #ADFBECCE zu HEX #E3FBAC


CSS-Code:

background-image: radial-gradient(circle, #ADFBECCE 10%, #E3FBAC 100%);

 

HEX #E3FBAC zu HEX #ADFBECCE


CSS-Code:

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

 

HEX #E3FBAC zu HEX #ADFBECCE


CSS-Code:

background-image: radial-gradient(circle, #E3FBAC 0%, #ADFBECCE 93%);

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, 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.

Abbrechen Teilen

Farbpalette geteilt
Bitte kopieren und speichern Sie den gewünschten Link.

Teilen

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
Schließen

Erstellen Sie eine Farbpalette

HerunterladenHerunterladen in verschiedenen Formaten

Alle Entfernen

Durch Klicken auf können Sie Paletten erstellen und die Farbfelder herunterladen.