Outils couleur
Convertissez les formats de couleur et créez des dégradés CSS avec aperçu en direct.
Convertisseur de couleurs
Convertissez en temps réel entre HEX, RGB, HSL, HSV et CMJN. Choisissez une couleur ou collez une valeur — chaque format se met à jour pendant que vous tapez.
Ouvrir →Générateur de dégradés CSS
Construisez des dégradés linéaires et radiaux visuellement. Ajustez paliers et angle, copiez le CSS prêt à coller.
Ouvrir →Générateur CSS box-shadow
Empilez plusieurs couches d'ombre, ajustez décalage, flou, étalement et alpha, copiez le CSS ou la classe Tailwind.
Ouvrir →Générateur CSS clamp() (typographie fluide)
Échelle typographique qui grandit avec le viewport. Choisissez les tailles de police min et max, choisissez les largeurs d'écran min et max — obtenez une règle clamp() prête à coller avec un curseur d'aperçu en direct.
Ouvrir →Générateur de courbe d'easing CSS
Construisez des courbes cubic-bezier à la souris, voyez l'animation en direct, copiez le CSS.
Vérificateur de contraste
Vérifiez les ratios de contraste WCAG entre deux couleurs. Voyez les badges réussite/échec pour AA et AAA en taille normale et large, avec un aperçu en direct.
Ouvrir →Simulateur de daltonisme
Prévisualisez n'importe quelle couleur à travers huit déficiences de la vision des couleurs. Voyez exactement ce que les utilisateurs avec protanopie, deutéranopie, tritanopie, achromatopsie et leurs formes plus légères percevront.
Ouvrir →Générateur de teintes, tons et nuances
Générez dix teintes plus claires, dix nuances plus sombres et dix tons mélangés au gris à partir de toute couleur de base. Cliquez sur une pastille pour copier son hex.
Ouvrir →Générateur d'harmonie de couleurs
Générez des palettes complémentaires, analogues, triadiques, tétradiques, carrées, complémentaires divisées et monochromatiques à partir de toute couleur de base, avec des variables CSS copiables.
Ouvrir →Couleurs CSS nommées
Référence cherchable de toutes les 147 couleurs CSS nommées. Cliquez sur une pastille pour copier son nom ; triez par nom, teinte ou luminosité.
Ouvrir →Mélangeur de couleurs
Mélangez deux couleurs à n'importe quel ratio avec interpolation linéaire-lumière. Affichez optionnellement 11 paliers de gradient régulièrement espacés.
Ouvrir →Générateur de palette de couleurs
Générez de belles palettes à 5 couleurs qui rendent vraiment bien — graines soigneusement sélectionnées, règles d'harmonie intelligentes, verrouillage et nouveau tirage.
Ouvrir →