{{color}} — Informationen zur Farbe

HEX:
{{color}}
RGB:
{{toRGBStr(colornohash)}}
HSL:
{{toHSL(colornohash)}}
CMYK:
{{toCMYK(colornohash)}}
HSV:
{{toHSV(colornohash)}}
XYZ:
{{toXYZ(colornohash)}}
Web-Safe:
#{{safeColor(colornohash)}}
Temperature:
{{temperature(color)}} °K

Schattierungen

Wird durch Hinzufügen von Weiß zu einer Grundfarbe erzeugt, wodurch diese heller wird. Schattierungen werden pastellfarben.

#{{color}}

Farbtöne

Wird durch Hinzufügen von Grau zu einer Grundfarbe erzeugt, wodurch diese heller wird. Schattierungen wirken komplexer als die Grundfarbe.

#{{color}}

Schattierungen

Wird durch Hinzufügen von Schwarz zur Grundfarbe erzeugt, wodurch diese dunkler wird. Die Schattierungen sehen satter aus.

#{{color}}

Farbkombinationen

Complementary

Komplementärfarben, einander gegenüberliegend. Zwei gegenüberliegende Farben.

#{{color}}
Split Complementary

Die Hauptfarbe und zwei andere Farben, die am Rande der gegenüberliegenden Hauptfarbe liegen.

#{{color}}
Triadic

Die Kombination von drei äquidistanten Farben auf dem Farbkreis.

#{{color}}
Tetradic

Die Kombination von zwei Paaren von Komplementärfarben, wenn sie ein Quadrat oder Rechteck bilden.

#{{color}}
Analogus-complementary

Die Kombination aus der gegenüberliegenden Farbe und ihren Nachbarn auf dem Farbkreis.

#{{color}}
Analogus

Die Kombination von vier benachbarten Farben im Farbkreis.

#{{color}}

Kontraste

Werkzeuge

Hallo,
schön, Sie zu sehen!

Passwort vergessen?

Geben Sie die E-Mail-Adresse ein, die Sie bei Ihrer Anmeldung verwendet haben, und wir senden Ihnen Anweisungen, um Ihr Passwort zurückzusetzen.

Erstellen
ein neues Konto

Falsches Passwort

Lernen Sie Mesh-Gradienten kennen

Wir haben für Sie einen Mesh-Gradienten-Generator und eine neue Mesh-Bibliothek hinzugefügt, die Sie mit Ihren eigenen Gradienten bereichern können. Jetzt können Sie schöne abstrakte Gradienten erstellen, sie herunterladen, ihre CSS-Codes kopieren, sie in Ihrem persönlichen Dashboard speichern und sie zur öffentlichen Bibliothek hinzufügen.

Bald werden wir einen radialen Gradienten-Generator hinzufügen!

Mesh-Verläufe