Vérifiez les rapports de contraste de couleur WCAG pour la conformité d'accessibilité.
Convertissez les couleurs entre HEX, RGB, HSL, CMYK, LAB et d'autres formats instantanément.
Générez de belles palettes de couleurs en utilisant les règles d'harmonie des couleurs.
Voyez comment vos couleurs apparaissent aux personnes atteintes de déficiences de la vision des couleurs.
Extrayez une palette de couleurs de n'importe quelle image. Téléchargez ou collez une image pour commencer.
Trouvez la classe de couleur Tailwind CSS la plus proche pour n'importe quelle couleur.
Convertissez entre les formats de couleur CSS. Collez n'importe quelle valeur de couleur CSS pour convertir.
Choisissez n'importe quelle couleur et obtenez instantanément sa valeur en HEX, RGB, HSL, CMYK et 7 autres formats. Cliquez pour copier.
Créez de magnifiques dégradés CSS avec un éditeur interactif. Construisez des dégradés linéaires, radiaux et coniques avec des arrêts de couleur et des angles personnalisés.
Générez des nuances et des teintes de n'importe quelle couleur. Créez des variations plus claires et plus foncées avec des codes hex prêts à copier.
Générez des couleurs aléatoires avec des contraintes optionnelles comme pastel, vif, chaud ou froid. Obtenez les codes hex, RGB et HSL instantanément.
Mélangez deux couleurs ou plus avec des proportions ajustables. Visualisez le résultat en HEX, RGB, HSL et plus.
Entrez n'importe quelle couleur en hex ou RGB et trouvez la couleur nommée la plus proche. Identifiez la couleur que vous regardez à partir d'une base de données de plus de 500 couleurs nommées.
Vérifiez les rapports de contraste WCAG pour chaque paire de couleurs de votre palette. Trouvez quelles combinaisons respectent les normes d'accessibilité AA et AAA.
Entrez une couleur d'arrière-plan et obtenez les meilleures couleurs de texte conformes aux normes d'accessibilité WCAG. Trouvez instantanément des couleurs de premier plan lisibles.
Générez une palette complète de couleurs Tailwind CSS (50-950) à partir d'une seule couleur de marque. Obtenez des nuances perceptuellement uniformes prêtes à coller dans votre configuration.
Générez des échelles de couleurs uniformément espacées entre deux couleurs. Comparez l'interpolation dans les espaces colorimétriques sRGB, HSL et LAB.
Convertissez votre palette de couleurs en jetons de design. Exportez en propriétés personnalisées CSS, variables SCSS, configuration Tailwind ou jetons JSON.
Extrayez des dégradés CSS à partir d'images. Téléchargez n'importe quelle image et obtenez le dégradé CSS linéaire ou radial le plus proche avec des arrêts de couleur.
Créez et prévisualisez des ombres CSS box-shadow avec un éditeur interactif. Ajustez le décalage, le flou, l'étendue et la couleur. Empilez plusieurs ombres.
Créez et prévisualisez des ombres de texte CSS. Ajustez le décalage, le flou et la couleur pour ajouter de la profondeur et du style à votre typographie.
Creez et previsualisez des valeurs CSS border-radius avec des controles individuels par coin. Supporte les rayons elliptiques et les formes complexes.
Prévisualisez les combinaisons de Google Fonts pour les titres et le texte courant. Trouvez l'accord de polices parfait avec des couleurs et des tailles personnalisées.