Guide technique pour concevoir des palettes harmonieuses, auditer le contraste WCAG 2.1 AA/AAA et simuler le daltonisme.
Coordonnée de départ sur le cercle chromatique.
Répartition géométrique des teintes dans l'espace HSL.
Ratio de contraste minimum exigé pour le texte accessible.
Attribuez 60% au fond neutre, 30% aux cartes et 10% aux boutons d'appel à l'action.
Conformément au critère WCAG 1.4.1, accompagnez les messages d'erreur d'icônes explicites.
Copiez les variables :root pour les intégrer instantanément dans votre feuille de style.
Le jaune pur possède une luminance très élevée. Utilisez l'ajustement automatique AAA pour l'assombrir de manière optimale.
Baissez la saturation d'une des deux teintes pour supprimer le phénomène de vibration rétinienne.
Le niveau AA exige un ratio de 4.5:1 pour le texte standard ; le niveau AAA exige au minimum 7.0:1.
Il préserve la teinte et la saturation tout en modifiant la luminosité jusqu'à franchir le seuil de 7.0:1.
Protanopie (rouge), deutéranopie (vert), tritanopie (bleu) et achromatopsie (noir et blanc).
Oui, un onglet dédié génère la configuration prête pour 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.