Couleur et design
Explorez les couleurs et générez du CSS utile.
Sélecteur et convertisseur de couleurSaisissez ou choisissez une couleur pour la valider et consulter ses valeurs HEX, RGB et HSL.Générateur de paletteGénérez des palettes complémentaires, analogues, triadiques ou monochromes à partir d’une couleur choisie.Générateur de dégradé CSSCréez un dégradé CSS linéaire ou radial en modifiant ses étapes de couleur, sa direction et les autres réglages disponibles.Vérificateur de contraste WCAGComparez les couleurs de premier plan et d’arrière-plan pour calculer le contraste selon les seuils WCAG AA et AAA pris en charge.Nuances et teintesCréez des variantes HEX plus claires et plus foncées à partir d’une couleur choisie.Extracteur de couleurs d’imageSélectionnez une image pour échantillonner et afficher ses couleurs représentatives localement dans le navigateur.Générateur d’ombre CSSRéglez les décalages, le flou, l’étalement, la couleur, l’opacité et l’option inset d’une ombre, puis copiez le CSS.Générateur de rayon CSSRéglez chaque rayon de coin séparément, prévisualisez la forme et copiez la valeur CSS border-radius.Générateur de bouton CSSConfigurez les options de style disponibles d’un bouton, prévisualisez-le et copiez le HTML et le CSS générés.Simulateur de daltonismePrévisualisez une image importée avec le filtre de simulation de la protanopie proposé par l’outil.