Chaque jeton.
Un seul endroit.
Choisissez des couleurs, vérifiez le contraste et copiez le CSS des ombres, rayons et clamp().
Ce que vous trouverez ici
Les outils design portent sur la couleur, le contraste et de courts extraits CSS à copier : palettes, dégradés, ombres et aides voisines.
Couleur
Sélecteurs, conversions, palettes et vérifications de contraste.
Générateurs CSS
Ombres, rayons, dégradés et clamp pour un ajustement rapide d’interface.
Outils design populaires
Nos outils les plus utilisés.
Explorer les catégories
Trouvez exactement ce qu’il vous faut dans nos collections organisées.
Tous les outils design
Parcourez chaque outils design par catégorie, popularité ou nom.
Générateur box-shadow
Réglez une ombre et copiez le CSS.
Sélecteur de couleur
Choisissez une couleur et copiez HEX, RGB et HSL.
Vérificateur de contraste
Mesurez le ratio de contraste entre deux couleurs.
Contraste WCAG
Affichez la conformité AA/AAA pour texte normal et grand.
Convertisseur HEX / RGB / HSL
Convertissez HEX, RGB et HSL dans tous les sens.
Générateur border-radius
Réglez les coins et copiez le CSS border-radius.
Générateur CSS clamp()
Construisez font-size: clamp(min, preferred, max).
Générateur de dégradé
Concevez un dégradé CSS linéaire et copiez le code.
Générateur de gradient CSS
linear-gradient() prêt à copier avec angle et deux stops.
Générateur de palette
Créez une palette de 5 couleurs à partir d’un HEX de base.