L’analyseur de couleurs et d’images de PixelVault extrait les palettes, les histogrammes et les informations de contraste de n’importe quelle image, entièrement dans votre navigateur. Déposez une photo, une illustration ou une capture d’écran et obtenez instantanément ses couleurs dominantes sous forme de codes hex copiables, accompagnés de la part occupée par chaque couleur. C’est un moyen rapide d’extraire une palette d’une image que vous aimez sans rien installer ni envoyer votre fichier.
À partir des couleurs dominantes, vous pouvez générer des harmonies complémentaires, analogues, triadiques et monochromes pour construire un schéma cohérent, et exporter toute la palette en HEX brut, variables CSS, variables SCSS, JSON ou configuration Tailwind — prête à coller directement dans votre projet. Pour une analyse plus poussée, les histogrammes RGB et de luminance révèlent l’exposition et l’équilibre tonal, un aperçu en niveaux de gris montre comment une image se lit sans couleur, et le vérificateur de contraste WCAG vous indique si une association texte/arrière-plan passe AA et AAA en matière d’accessibilité.
Comment ça marche
PixelVault échantillonne l’image à résolution réduite et regroupe les couleurs similaires pour trouver les dominantes, convertit entre les espaces colorimétriques pour construire les harmonies, et lit les valeurs des pixels pour calculer les histogrammes. Les ratios de contraste utilisent la formule de luminance relative WCAG 2.1. Tout cela s’exécute sur les pixels déjà chargés dans votre navigateur.
Pourquoi le traitement local est important
Analyser localement garde vos images — travaux clients, créations non publiées, photos privées — hors du réseau. Il n’y a aucun envoi ni serveur susceptible d’en conserver une copie, et les résultats sont instantanés car les pixels sont déjà dans la page.
Formats pris en charge
- JPG — Analysé directement.
- PNG — Transparence respectée lors de l’échantillonnage des couleurs.
- WebP — Entièrement pris en charge.
Cas d’usage courants
- Extrayez une palette de couleurs d’une photo ou d’une référence de design.
- Générez des schémas de couleurs assortis pour une marque ou une interface.
- Vérifiez le contraste texte/arrière-plan pour l’accessibilité.
- Inspectez l’exposition et la tonalité avec les histogrammes RGB et de luminance.