Farbpaletten erstellen, Konvertierung zwischen HEX, RGB, HSL und CMYK mit Kontrast-Check.
Check text readability against WCAG 2.1 accessibility standards
Generate palettes based on color theory
Lightness variations (50–900), Tailwind-scale
Copy colors as code for your project
:root {
--palette-50: #E8E8FD;
--palette-100: #D0D1FB;
--palette-200: #A1A3F7;
--palette-300: #7274F3;
--palette-400: #4346EF;
--palette-500: #1418EB;
--palette-600: #1013BC;
--palette-700: #0C0E8D;
--palette-800: #080A5E;
--palette-900: #04052F;
}Das Tool wandelt eine Farbe zwischen HEX, RGB, HSL und CMYK um und prüft den Text-/Hintergrund-Kontrast gegen die WCAG-Stufen. Eine Farbe wählen und alle Notationen auf einmal ablesen.
Beispiel
#0E7FA6 → RGB(14,127,166) → HSL(196°,84%,35%); Kontrast auf Weiß ≈ 4,7:1 (besteht AA).
Hinweise
// VERWANDTE TOOLS