Guía de referencia para diseñar paletas de color accesibles, calcular contrastes WCAG 2.1 AA/AAA y simular daltonismo.
Color ancla a partir del cual se calculan los ángulos armónicos.
Estrategia geométrica en el círculo cromático HSL.
Relación de contraste mínima exigida para legibilidad de texto.
Aplica 60% al fondo neutro, 30% a tarjetas y 10% a botones de llamada a la acción de alto contraste.
Para cumplir WCAG 1.4.1, añade siempre iconos y texto explicativo a las alertas de error.
Copia el código en formato CSS para incluir las variables :root en tu proyecto.
Los amarillos saturados tienen alta luminancia. Usa 'Ajuste automático para AAA' para oscurecer el tono de forma precisa.
Reduce la saturación de uno de los dos tonos para eliminar la vibración óptica.
El nivel AA exige 4.5:1 para texto estándar y 3:1 para grande; el nivel AAA exige 7.0:1 y 4.5:1 respectivamente.
Mantiene el tono y la saturación mientras ajusta la luminosidad hasta superar la cota de 7.0:1.
Protanopía (ceguera al rojo), deuteranopía (ceguera al verde), tritanopía y acromatopsia.
Sí, la pestaña Tailwind genera el objeto listo para pegar en tailwind.config.js.
Design organic blob shapes using full 8-value CSS border-radius syntax with draggable corner handles.
Visualize and fine-tune transition-timing-function curves with real-time motion comparators (ease, linear, custom overshoot).
Interactive visual gradient generator supporting multi-stop linear, radial, and conic CSS gradients with instant CSS code copy.
Compose multi-step @keyframes animations with visual play/pause controls, iteration counts, and keyframe percentage scrubbing.
Create extruded, recessed, flat, and concave neumorphic UI components with light and dark specular shadow calculations.
Generate glowing neon text, retro 3D extrusions, and letterpress engraving effects with live typography preview.