Farben & CSS
Umrechnung zwischen HEX, RGB, HSL und CMYK, Paletten erstellen und Kontrast nach WCAG prüfen. 11 Werkzeuge, darunter Farb-Konverter, Farbkontrast-Prüfer, Farb-Invertierer und Farbschema-Generator. Alle kostenlos, ohne Konto und ohne Installation.
Farb-KonverterWandle eine Farbe in HEX, RGB, HSL, HSV, CMYK, LAB und OKLCH um — samt Kontrast.Farbkontrast-PrüferWCAG-Kontrastverhältnis zwischen Text und Hintergrund, mit AA/AAA-Bestehen und Live-Vorschau.Farb-InvertiererInvertiere eine Farbe (255 − RGB) oder bilde die Komplementärfarbe, in HEX/RGB/HSL/CMYK mit Kontrast.Farbschema-GeneratorLeite komplementäre, analoge, triadische, tetradische, geteilte und monochrome Schemata aus einer Basisfarbe ab.CSS-KompressorMinifiziere CSS durch Entfernen von Kommentaren und Leerraum, um die Stylesheet-Größe zu senken.CSS-Flexbox-SpielplatzExperimentiere mit flex-direction, wrap, justify-content, align-items und gap — Live-Vorschau und kopierbarem CSS.CSS-Grid-GeneratorBau ein CSS-Grid-Layout visuell — Spalten, Zeilen, Abstände und Ausrichtung — mit Live-Vorschau und kopierbarem CSS.CSS-Verlauf-GeneratorErstelle einen linearen oder radialen CSS-Verlauf aus zwei Farben und einem Winkel, mit CSS- und Tailwind-Ausgabe.Bild-FarbwählerLade ein Bild, klick zum Abtasten eines Pixels und extrahiere eine dominante Palette — mit HEX und RGB je Farbfeld.Instagram-Schriften-GeneratorVerwandle deinen Text in Dutzende kopierfertige Unicode-Schriften für Instagram-Bio, Bildunterschriften und Kommentare.Farbpaletten-GeneratorErstelle eine harmoniebasierte Palette zum Sperren und Neu-Erzeugen, Coolors-Stil, mit Alle-HEX-Kopieren.