Outils de design
Des outils rapides pour le développement front-end et le design visuel, avec du CSS prêt à copier et des vérifications d’accessibilité basées sur la formule de contraste WCAG.
7 outils
Outils de cette catégorie
- Convertisseur de couleursConvertissez les couleurs entre HEX, RGB, HSL, HWB, OKLCH et CMYK approximatif. Collez une couleur CSS ou utilisez le sélecteur, puis copiez chaque format. Fonctionne dans votre navigateur.
- Vérificateur de contrasteVérifiez le rapport de contraste WCAG 2.2 entre le texte et l’arrière-plan, consultez les résultats AA et AAA pour le texte et les éléments d’interface, et obtenez la couleur la plus proche qui respecte les critères.
- Générateur de dégradés CSSCréez des dégradés CSS linéaires, radiaux et coniques avec 2 à 6 points de couleur. Réglez l’angle et les positions, prévisualisez le résultat et copiez le CSS d’arrière-plan.
- Générateur d’ombres portéesCréez des ombres CSS multicouches : décalage, flou, étalement, couleur, opacité et mode inset. Prévisualisez-les sur n’importe quel fond et copiez le CSS box-shadow.
- Générateur de palettes de couleursCréez des palettes complémentaires, analogues, triadiques, tétradiques, complémentaires divisées et des nuances à partir d’une couleur. Verrouillez des couleurs, puis copiez le résultat en HEX, CSS ou JSON.
- Convertisseur px en remConvertissez px en rem ou en em, et inversement, avec n’importe quelle taille de police racine (16px par défaut). Comprend un tableau des tailles courantes et convertit les valeurs px dans des extraits CSS entiers.
- Calculateur de proportionsTrouvez la largeur ou la hauteur manquante pour n’importe quel ratio, simplifiez des dimensions comme 1920×1080 en 16:9, prévisualisez la forme et copiez la règle CSS aspect-ratio.