Outils couleur & CSS — contraste WCAG, collage moderne
Des outils de couleur pour développeurs, qui s’exécutent dans le navigateur. Vérifiez le contraste WCAG 2.2 d’une paire ou d’une matrice N×N avec la syntaxe de couleur CSS moderne. Rien n’est envoyé. Vous minifiez le CSS d’un thème ? Voir Minifier CSS et Beautifier CSS.
- Collez deux couleurs et lisez les résultats AA, AAA et non-texte 3:1 sans étape de plus.
- Auditez une palette de tokens sur une matrice à en-tête fixe avec filtre de conformité.
- Partagez une URL qui restaure vos couleurs et vos options. Elle est distincte des boutons de partage social.
Vérificateur de contraste WCAG
Contraste WCAG 2.2 pour une paire ou une matrice. Collez des valeurs OKLCH et color(), ajoutez en option la superposition APCA bêta et partagez le résultat par URL.
Convertisseur de couleurs
Collez une couleur CSS et obtenez HEX, RGB(A), HSL(A), HWB, LAB, LCH, OKLAB, OKLCH et color() ensemble, avec l’alpha et le gamut pris en compte.
Convertisseur PX / REM / EM
Collez une longueur en px, rem ou em et voyez les trois unités à la fois, plus une table de référence en direct des valeurs px courantes.
Générateur de nuances et teintes de couleur
Collez une couleur pour obtenir des échelles de teintes et de nuances vers le blanc et le noir. Le nombre de pas est réglable, et la sortie existe en HEX, RGB ou HSL.
Générateur CSS border-radius
Collez un border-radius CSS, ajustez les coins visuellement et copiez le CSS ou le Tailwind. La syntaxe elliptique avec barre oblique et l’URL partageable sont prises en charge.
Générateur CSS box-shadow
Collez un box-shadow CSS, empilez les couches visuellement et copiez le CSS, Tailwind ou Bootstrap. Inset, plusieurs couches et URL partageable sont pris en charge.
