Variations
Déclinaisons d'une couleur sur les axes lumineux et chromatiques.
Design System
Un outil de design d'interface web et mobile.
Explorer
Analyser
Créer
Palettes
Variations
Mélangeur
Dégradé OKLCH entre deux couleurs — interpolation perceptuelle, pas de boue chromatique au milieu.
Couleur A
Couleur B
Étapes
Harmonies
Combinaisons issues de la roue chromatique autour de la couleur active.
Complémentaire
Couleur opposée sur la roue chromatique — 180°
Analogue
Couleurs adjacentes sur la roue — ±30°
Triadique
Trois couleurs équidistantes — 120°
Split-complémentaire
Base et deux voisines de la complémentaire
Tétradique — carrée
Quatre couleurs équidistantes — 90°
Monochromatique
Variations de luminosité d'une même teinte
Roue chromatique
Glissez le point principal pour changer la teinte et la saturation. Ajustez la brillance avec le slider. Les harmonies font apparaître les couleurs liées sur la roue.
Harmonie
Distance entre la teinte principale et ses voisines.
Glissez le point sur la roue pour changer teinte et saturation visuellement, ou ajustez ici précisément.
Couleurs sur la roue
Comparaison côte-à-côte
Importer
Glissez un fichier — image, CSS ou export JSON d'un design system. L'application détecte le type et fait ce qu'il faut. Tout reste local : rien n'est envoyé sur le réseau.
Glissez un fichier ici
ou
Image (JPG · PNG · WebP · GIF), CSS ou JSON
Nombre de couleurs
k-means RGB — distance euclidienne classique
k-means OKLCH — distance perceptuelle
k-means OKLCH pondéré chroma — mode expérimental « couleurs signatures »
Proposition de design system
Source
Autres couleurs détectées
Cliquez sur une action pour réassigner cette couleur dans la proposition ci-dessus.
Variables
Couleurs déclarées comme variables CSS (--token)
Autres occurrences
Couleurs trouvées ailleurs dans le fichier, triées par fréquence
Aperçu de l'import
Design System
Composants
Favoris
Palettes
Couleurs
Design systems
Espace régénérer · L verrouiller au survol