Outils couleur et design gratuits — sélecteurs, palettes, contraste, dégradés
Travail de couleur pratique pour le web : sélecteur de couleur avec HEX/RGB/HSL, générateurs de palette et dégradés, vérificateur de contraste WCAG pour garder le texte lisible, simulation du daltonisme et outils d'ombre CSS. Conçu pour les designers et les développeurs front-end qui ont besoin de la valeur exacte et du choix accessible, prêt à copier-coller.
Convertisseur de couleurs (HEX, RGB, HSL — instantané)
Convertit les couleurs entre HEX, RGB et HSL avec un aperçu en direct. Modifie n'importe quel champ ; les autres se mettent à jour.
Vérificateur de contraste (niveaux WCAG AA / AAA)
Vérifie le ratio de contraste des couleurs entre le texte et l'arrière-plan. Affiche un aperçu en direct et des badges de réussite/échec WCAG AA et AAA pour les tailles de texte normales et grandes.
Générateur de dégradés CSS (linéaire, radial, conique)
Crée des dégradés CSS visuellement : linéaire, radial et conique. Plusieurs points de couleur, contrôle de l'angle, préréglages. Copie le CSS prêt à coller.
Générateur de palette de couleurs (5 schémas depuis une couleur de
Génère des palettes de couleurs harmonieuses à partir d'une couleur de base : complémentaire, analogue, triadique, tétradique, monochromatique. Clique sur n'importe quelle teinte pour copier le hex.
Simulateur de Daltonisme — Voyez les Couleurs Autrement
Saisissez n'importe quelle couleur hexadécimale et visualisez instantanément comment elle apparaît aux personnes atteintes de deuteranopie, protanopie, tritanopie et achromatopsie. Indispensable pour le design accessible.
Générateur d'Ombre CSS (avec aperçu en direct)
Crée des valeurs CSS box-shadow visuellement. Ajuste le décalage, le flou, l'étalement, la couleur, l'opacité et l'inset. Aperçu en direct, CSS à copier-coller.
Chercheur de noms de couleurs CSS — Couleur nommée la plus proche
Entrez n'importe quelle couleur hex pour trouver le nom CSS le plus proche. Voir les 5 couleurs nommées les plus proches avec leurs valeurs hex exactes et leur score de distance.
Générateur de Nuances de Couleur — Style Tailwind
Générez 11 teintes et nuances (50–950) pour n'importe quelle couleur, dans le style Tailwind CSS. Cliquez sur une nuance pour copier son code hex ou exportez tout en propriétés CSS personnalisées.