Outils Couleur pour le Design
Utilisez le cercle chromatique, le sélecteur de couleur et la palette de couleur pour choisir des couleurs, convertir des valeurs, explorer les codes et nuanciers, créer des dégradés et vérifier le contraste.
Cercle Chromatique
Choisissez une couleur de base sur un cercle chromatique interactif et créez des harmonies complémentaires, analogues, triadiques, tétradiques et complémentaires divisées.
OuvrirPalette de Couleur
Générez des palettes complémentaires, analogues, triadiques et monochromatiques.
OuvrirSélecteur de Couleur
Choisissez une couleur et inspectez ses valeurs HEX, RGB, HSL, CMYK, LAB, ses teintes, ses nuances et ses harmonies.
OuvrirPipette Couleur
Téléversez une image et extrayez-en des couleurs et palettes précises.
OuvrirRGB en HEX
Convertissez les couleurs CSS rgb() en codes HEX prêts à copier.
OuvrirHEX en RGB
Convertissez les codes couleur HEX en valeurs RGB et CSS rgb().
OuvrirMélanger les Couleurs
Mélangez deux couleurs par pourcentage et copiez la couleur HEX obtenue.
OuvrirCode Couleur
Parcourez les couleurs CSS nommées avec leurs valeurs HEX et des codes prêts à copier.
OuvrirContraste Couleur
Vérifiez le contraste entre texte et arrière-plan pour des combinaisons de couleurs accessibles.
OuvrirDégradé de couleurs
Créez des dégradés CSS, modifiez les points de couleur et copiez du code pour interfaces, arrière-plans et visuels de marque.
OuvrirTableau des Couleurs
Parcourez les nuanciers flat, material, Tailwind et web safe avec des échantillons interactifs prêts à copier.
OuvrirBibliothèque de Couleurs
Explorez des familles de couleurs organisées, des nuances, des teintes et des palettes prêtes pour l’interface.
OuvrirOutils
Créez des palettes, mélangez des couleurs, générez des dégradés et explorez les relations couleur pour vos interfaces.
Sélecteurs
Sélectionnez des couleurs depuis des contrôles ou des images importées et copiez rapidement les valeurs utiles.
Convertisseurs
Convertissez les formats couleur courants pour préparer du CSS, des tokens de design ou de la documentation.
Couleurs
Parcourez des références, des nuanciers et des bibliothèques couleur organisés pour choisir vos couleurs.
Vérificateurs
Vérifiez le contraste et l’accessibilité avant d’utiliser des combinaisons couleur en production.