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
Entwickeln Sie Farbkandidaten für eine Oberfläche und übernehmen Sie die Auswahl in Ihr Stylesheet.
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.
Häufige Fragen
Ist jede Kombination ausreichend kontrastreich?
Nein. Der Wert einer Farbkarte gilt für deren Hintergrund mit gewählter schwarzer oder weißer Schrift. Tatsächliche Vordergrund-Hintergrund-Paare müssen einzeln geprüft werden.
Warum liefern verschiedene Farbharmonien dieselben Grautöne?
Grau hat keine Sättigung, deshalb erzeugt eine Drehung des Farbtons keinen sichtbaren Farbunterschied. Wählen Sie für Komplementärfarben, analoge Farben oder Dreiklänge eine stärker gesättigte Ausgangsfarbe. Der monochromatische Modus verändert die Helligkeit und kann auch bei Grau nützliche Abstufungen liefern. Die ausgegebenen Farben sind deckend.
Verwandte Werkzeuge
Wird in einem neuen Tab geöffnet
Kommentare
0