Vérifiez n'importe quelle paire texte/fond selon WCAG 2.1. Obtenez le rapport de contraste, le résultat AA et AAA pour les deux tailles de texte, et une correction suggérée en cas d'échec.
Convertissez n'importe quelle couleur entre HEX, RGB, HSL, CMYK, LAB, OKLCH, HWB, HSB, LCH, XYZ et LUV d'un coup. Tous les formats s'affichent côte à côte et se copient en un clic.
Créez une palette à partir de n'importe quelle couleur de base avec six règles d'harmonie : complémentaire, analogue, triadique, tétradique, complémentaire divisée et monochromatique. Copiez en CSS, Tailwind ou JSON.
Voyez n'importe quelle couleur ou palette telle qu'elle apparaît avec huit types de déficience de la vision des couleurs, dont la protanopie, la deutéranopie et la tritanopie, et repérez les paires devenues indistinguables.
Extrayez les couleurs dominantes de n'importe quelle photo, capture ou illustration. Importez ou collez une image et obtenez une palette prête avec les valeurs hex, RGB et HSL. Rien n'est envoyé à un serveur.
Collez n'importe quelle valeur hex, RGB ou HSL et trouvez la classe Tailwind CSS la plus proche dans toute la palette v4, avec la distance exacte et les nuances voisines à comparer.
Collez n'importe quelle valeur de couleur CSS (nommée, hex, rgb(), hsl(), oklch(), color-mix()) et récupérez tous les autres formats CSS, avec l'alpha préservé et la syntaxe moderne à côté de l'ancienne.
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.