Extrait les couleurs principales des images
Glisser-déposer ou cliquer pour télécharger
PNG, JPEG, WebP, GIF
Les images haute résolution produisent une extraction de couleur plus précise
Utilisez la couleur primaire extraite comme couleur principale de votre marque
Assurez-vous que les combinaisons texte/fond respectent les normes WCAG
Utilisez des couleurs complémentaires et analogues pour des designs harmonieux
Exportez les palettes en CSS, Tailwind, SCSS et autres formats
Cliquez sur les couleurs pour les sélectionner et analyser le contraste
Outil d'extraction automatique des couleurs principales d'une image pour créer une palette de couleurs. Fournit l'analyse d'harmonie colorée, le test d'accessibilité WCAG et les suggestions de couleurs de marque basées sur les couleurs extraites. Exportez aux formats CSS/Tailwind/SCSS/JSON.
Importez une image
Faites glisser une image dans la zone d’importation ou cliquez pour sélectionner l’image dont vous souhaitez extraire les couleurs
Consultez la palette
Consultez la couleur dominante et la palette extraites automatiquement, puis ajustez la taille de la palette si nécessaire
Analysez les couleurs
Consultez l’harmonie des couleurs et l’analyse d’accessibilité. Sélectionnez deux couleurs pour analyser leur rapport de contraste
Exportez la palette
Exportez ou téléchargez la palette au format CSS, Tailwind, SCSS ou JSON
Vous pouvez utiliser la plupart des formats d’image pris en charge par votre navigateur, notamment PNG, JPEG, WebP et BMP.
Il s’agit du rapport de contraste de luminance entre le texte et l’arrière-plan défini par les recommandations WCAG 2.1. Le niveau AA exige un rapport d’au moins 4.5:1 pour le texte normal et de 3:1 pour le texte de grande taille.
Oui. Le réglage de la taille de la palette permet de choisir le nombre de couleurs à extraire.
L’harmonie des couleurs est une méthode de combinaison fondée sur les relations entre les couleurs du cercle chromatique. Elle comprend notamment les couleurs complémentaires (séparées de 180°), analogues (adjacentes) et triadiques (séparées de 120°), qui permettent de créer des associations équilibrées dans un design.
Oui. Vous pouvez l’exporter sous forme de variables CSS, de configuration Tailwind, de variables SCSS ou de JSON, puis l’intégrer immédiatement à votre projet.