Farbformate umwandeln
HEX-, RGB- und HSL-Farben mit Transparenz umrechnen, als Farbfeld ansehen und als CSS-Wert kopieren.
Farbpalette erstellen
Aus einer Grundfarbe komplementäre, analoge, triadische oder monochrome Paletten als HEX, CSS und JSON erzeugen.
Klicken Sie auf eine Farbe, um den HEX-Wert zu kopieren. Die Schrift nutzt Schwarz oder Weiß, je nach höherem WCAG-Kontrast. Die Farben sind deckend.
Über dieses Tool
Aus einer Grundfarbe komplementäre, analoge, triadische oder monochrome Paletten als HEX, CSS und JSON erzeugen.
Anwendung
HEX, RGB oder HSL eingeben oder den Farbwähler nutzen. Harmonie wählen, einzelne Farben anklicken und kopieren oder die Palette als CSS-Variablen bzw. JSON speichern.
Die Berechnung verschiebt HSL-Farbton oder Helligkeit; Ausgaben sind deckend. Beschriftungen nutzen Schwarz oder Weiß mit dem höheren WCAG-Kontrast. Nicht jede Farbkombination ist dadurch barrierefrei: tatsächliche Text-Hintergrund-Paare separat prüfen.
Verwandte Werkzeuge
Farbkontrast prüfen
Textkontrast nach WCAG 2.2 prüfen, mit Vorschau und getrennten AA- und AAA-Ergebnissen für normale und große Schrift.
CSS-Farbverlauf erstellen
Lineare und radiale Verläufe mit zwei bis acht Farbstopps gestalten und das CSS direkt kopieren.
CSS-Schatten erstellen
Versatz, Unschärfe, Ausdehnung und Deckkraft eines Box-Schattens einstellen und fertiges CSS übernehmen.
Kommentare
0