Couleurs et design CSS
Studio de couleurs, palettes et contraste
Convertissez les modèles de couleur, créez des échelles CSS, extrayez des palettes et vérifiez le contraste WCAG ou APCA.
Ouvrir l’outilCollection d’outils
Studios de couleurs, d’accessibilité et de CSS
Comparez des couleurs et des contrastes, préparez des dégradés et des ombres, puis construisez des mises en page Grid, Flexbox ou fluides. Les résultats d’un vérificateur de contraste dépendent du standard sélectionné et ne remplacent pas un audit d’accessibilité complet.
Des studios pour explorer les couleurs, vérifier le contraste et concevoir des dégradés, des ombres et des mises en page CSS.
Outils de la collection
4 outils
Couleurs et design CSS
Studio de dégradés, ombres et animations CSS
Composez des dégradés, des ombres, des filtres, des transformations et des animations CSS avec aperçu.
Ouvrir l’outilCouleurs et design CSS
Studio CSS Grid, Flexbox et typographie fluide
Prototypez des grilles CSS, des mises en page Flexbox, des tailles fluides et des espacements responsifs.
Ouvrir l’outilImage et vectoriel
Studio SVG et icônes vectorielles
Modifiez le code SVG, la viewBox et les couleurs, optimisez les tracés, puis exportez en TSX/JSX, CSS Data URI, PNG ou WebP.
Ouvrir l’outilCatégories couvertes
Questions sur les outils de design et CSS
Le studio Couleurs vérifie-t-il le contraste WCAG et APCA ?
La fiche du studio Couleurs décrit les méthodes et les mesures disponibles. Vérifiez le mode sélectionné et interprétez les résultats selon le contexte d’utilisation.
Collections associées
Parcourez les outils par type de tâche.
Parcourir tous les outils