ColorSnap
Tirez une vraie palette de n'importe quelle image, puis corrigez-la à la main. Le regroupement se fait dans un espace colorimétrique perceptuel, la pipette descend au pixel, et rien ne quitte jamais votre navigateur.
Déposez une image ici ou cliquez pour l'envoyer
PNG, JPG, WebP, AVIF, GIF, BMP, HEIC, TIFF et SVG — jusqu'à 80 Mo, lus dans votre navigateur
Palette
Chargez une image pour en construire la palette.
Comment ça marche
Amenez une image
Déposez-la, choisissez-la, collez-la, ou envoyez-la depuis un autre outil oLoveTools. Rien ne se lance encore.
Réglez d'abord
Choisissez le nombre de couleurs, la profondeur d'échantillonnage et les tons à ignorer.
Extrayez quand vous le décidez
La coupe médiane resserre le champ, puis k-means l'affine dans OKLab, où la distance correspond à ce que vous voyez.
Corrigez à la main
Épinglez ce qui marche, retirez ce qui ne marche pas, et attrapez à la pipette ce que les maths ont manqué.
Voit la couleur comme vous
Le regroupement se fait dans OKLab : deux bleus visuellement identiques ne passent jamais tous les deux pendant que l'unique orange de la photo se fait éjecter.
Pipette avec loupe
Zoomez au pixel, survolez pour lire la valeur, cliquez pour la garder. Alt+clic retire l'échantillon le plus proche de ce que vous visez.
Épinglez ce qui vous va déjà
Verrouillez un échantillon et le reste de la palette se reconstruit autour, au lieu de repartir de zéro en perdant celui que vous aimiez.
Lisibilité vérifiée
De vrais ratios de contraste WCAG 2.1 face au blanc, au noir et à chaque échantillon, plus la simulation protan, deutan et tritan.
100% dans votre navigateur
Aucun envoi, aucun modèle téléchargé d'un CDN, aucun appel réseau. L'image reste dans l'onglet et disparaît à sa fermeture.
Des exports vraiment utilisés
Propriétés personnalisées CSS, SCSS, un bloc @theme Tailwind v4, JSON, une palette .gpl GIMP, des échantillons SVG et une planche PNG.
Une palette fidèle à l'image, pas une moyenne floue de celle-ci
La plupart des extracteurs réduisent votre photo en vignette et comptent les pixels dans une grille fixe, ce qui mélange les couleurs voisines et invente des teintes qui n'ont jamais existé. ColorSnap échantillonne l'image en pleine résolution, conserve la moyenne exacte de chaque case de couleur remplie et regroupe ces cases dans OKLab, un espace où la distance numérique correspond à la différence perçue. C'est la différence entre une palette de quatre bleus quasi identiques et une palette qui contient vraiment l'orange du coin.
La passe lourde tourne hors du thread principal
Le balayage des pixels se fait dans un Web Worker sur un OffscreenCanvas : l'interface reste réactive même sur une photo de 50 Mpx. Ce qui revient est un histogramme compact, et chaque changement ultérieur — taille de palette, seuil de saturation, échantillons épinglés — s'y résout en quelques millisecondes sans retoucher l'image.
Automatique d'abord, manuel quand vous voulez
Déposer un fichier ne déclenche rien : l'image attend pendant que vous choisissez les réglages. Vous pouvez aussi sauter complètement la passe automatique et bâtir la palette à la main dès le premier clic, avec zoom, loupe, épinglage et annulation. Chaque couleur reste modifiable ensuite, et une nouvelle extraction respecte ce que vous avez épinglé.
100% privé, au sens littéral
Pas d'envoi, pas d'API, pas de modèle récupéré sur un CDN, pas d'analytique sur votre image. Tout — décodage, échantillonnage, regroupement, export — passe par des API du navigateur dans votre onglet. Votre image ne vit qu'en mémoire et disparaît dès que vous fermez la page.
Questions fréquentes
QMon image est-elle envoyée à un serveur ?+
Non. Le décodage, l'échantillonnage et le regroupement passent tous par les API canvas et Web Worker de votre navigateur. Il n'y a aucun envoi ni aucune requête réseau impliquant votre image, à aucun moment.
QQuels formats puis-je ouvrir ?+
PNG, JPG, WebP, AVIF, GIF, BMP et SVG s'ouvrent nativement. Les HEIC et HEIF d'iPhone sont convertis dans le navigateur, et le TIFF est décodé en local également. La limite est de 80 Mo par fichier. Vous pouvez déposer, parcourir, coller depuis le presse-papiers, ou recevoir une image d'un autre outil oLoveTools.
QPourquoi la palette ne sort-elle pas dès le dépôt du fichier ?+
Parce que les réglages changent le résultat. Le nombre de couleurs, la profondeur d'échantillonnage et le seuil de saturation façonnent ce que vous obtenez : lancer avant de les fixer gaspille une passe. L'image attend ; vous appuyez sur le bouton. Et si vous préférez éviter la passe automatique, un bouton mène directement à la pipette.
QQue signifie le chiffre d'écart ?+
C'est la distance perceptuelle moyenne, dans OKLab, entre les couleurs de votre image et la couleur de palette attribuée à chacune. En dessous de 3 environ, la palette décrit fidèlement l'image ; au-dessus de 6, vous en avez une impression approximative. Ajouter des couleurs le fait baisser, et c'est la façon honnête de savoir si cinq échantillons suffisaient.
QÀ quoi sert d'épingler une couleur ?+
Un échantillon épinglé est traité comme fixe. Quand vous changez la taille de la palette ou relancez l'extraction, les couleurs épinglées restent telles quelles et les emplacements restants sont recalculés autour d'elles : vous ne perdez jamais celle qui vous plaisait déjà.
QPuis-je exporter directement dans mon projet ?+
Oui. Propriétés personnalisées CSS, variables SCSS avec leur map, un bloc @theme Tailwind v4, du JSON avec HEX/RGB/HSL/OKLCH et la couverture, une palette .gpl pour GIMP, Inkscape et Krita, des échantillons SVG, du texte brut et une planche PNG. Les noms de variables viennent des couleurs elles-mêmes : vous obtenez --deep-teal plutôt que --color-4.