Crear paletas de colores, conversión entre HEX, RGB, HSL y CMYK con verificación de contraste.
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;
}La herramienta convierte un color entre HEX, RGB, HSL y CMYK y comprueba el contraste texto/fondo según los niveles WCAG. Elige un color y lee todas las notaciones a la vez.
Ejemplo
#0E7FA6 → RGB(14,127,166) → HSL(196°,84%,35%); contraste sobre blanco ≈ 4,7:1 (cumple AA).
Notas
// HERRAMIENTAS RELACIONADAS