Farb-Tools
Farben umrechnen, benennen, mischen und testen — mit OKLCH- und APCA-Unterstützung.
localKontrast-CheckerGib eine Text- und eine Hintergrundfarbe ein, und du erhältst das exakte WCAG-Kontrastverhältnis,…localTailwind-FarbgeneratorFüge eine Markenfarbe ein und erhalte eine ausgewogene 11-stufige Farbskala (50 bis 950), die in OKLCH…localHEX zu RGBA KonverterFüge einen HEX-Code ein, zieh den Deckkraft-Regler und kopiere das genaue CSS, das du brauchst:…localCSS-Variablen zu TailwindVerwandle deine :root-Farbvariablen mit einem Einfügen in ein Tailwind-Theme: als…localOKLCH FarbkonverterErkunde den wahrnehmungsgleichmäßigen OKLCH-Farbraum mit Live-Reglern, prüfe, ob eine Farbe in sRGB passt,…localFarbname-FinderFüge einen HEX-Code ein, um den nächstliegenden, gut lesbaren Farbnamen und passende Token-Namen für dein…localFarbmischerWähle zwei Farben und die Anzahl der Schritte, um gleichmäßig gemischte Übergangsfarben zu erhalten —…localAPCA Kontrast-CheckerBerechne den APCA-Helligkeitskontrast (Lc) zwischen Text und Hintergrund, sieh, für welche Einsatzzwecke…localFarbenblindheit-SimulatorLade einen Screenshot oder ein Design hoch und sieh es dir nebeneinander durch acht Arten der…localFarbkonverterFüge eine beliebige CSS-Farbe ein — HEX, rgb(), hsl(), hwb(), oklch() oder einen Namen wie tomato — und…localCSS-Filter-GeneratorPasse Blur, Helligkeit, Kontrast, Sättigung, Farbton, Graustufen, Sepia, Invertieren und Schlagschatten an…localFarbpalette aus BildFinde die Farbpalette jedes Bildes, ob Foto, Logo, Screenshot oder Design. Zieh es hinein und erhalte die…
Fehlt dir ein Farben-Tool?
Sag uns, was du brauchst — die meistgewünschten Tools bauen wir zuerst, kostenlos.