Sélecteur de couleur d'image
Essayer d’assortir une couleur de marque à partir d’une capture d’écran de logo ou de tirer une teinte de mur d’une photo signifie généralement ouvrir Photoshop. Ce sélecteur charge n’importe quelle image dans un canevas zoomable et affiche la valeur HEX, RGB et HSL du pixel sur lequel vous cliquez, avec une moyenne de 10×10 afin que vous puissiez échantillonner une zone au lieu d’un seul pixel et éviter les artefacts de bruit JPEG.
Comment choisir une couleur à partir d'une image
-
1
Téléchargez ou déposez une image
JPG, PNG, WebP, le sélecteur s'adapte à votre fenêtre.
-
2
Zoomez sur la zone
Faites défiler pour zoomer ; faites glisser pour vous déplacer vers l'endroit exact que vous souhaitez échantillonner.
-
3
Cliquez sur un pixel
Lecture instantanée en HEX, RGB, HSL, plus un échantillon agrandi.
-
4
Copiez la notation dont vous avez besoin
Un clic copie HEX, rgb() ou hsl() dans votre presse-papiers.
-
5
Enregistrez plusieurs échantillons
Collectez une palette de 6 à 10 couleurs à partir de l'image pour une référence de design.
Obtenir des échantillons précis
Un choix de couleur d’un seul pixel n’est presque jamais ce que vous voulez d’une vraie photo, la compression JPEG, le bruit et la variation d’éclairage créent une variation pixel par pixel même dans une zone visuellement uniforme.
Modes d’échantillonnage
| Mode | Ce qu’il fait | Quand l’utiliser |
|---|---|---|
| Point | Un seul pixel sous le curseur | Échantillonnage d’une capture d’écran d’un outil de design |
| Moyenne 3 × 3 | Moyenne de 9 pixels autour du clic | Photos JPG avec légère compression |
| Moyenne 10 × 10 | Moyenne de 100 pixels | Photos fortement compressées ou bruyantes |
| Moyenne de zone | Dessinez un rectangle, moyenne de chaque pixel à l’intérieur | Logos et éléments graphiques en aplats de couleur |
Précautions concernant l’espace couleur
- Les captures d’écran d’un affichage montrent des valeurs sRGB ; la couleur choisie correspond à la source originale.
- Les photographies d’un appareil photo peuvent être en Adobe RGB ou DCI-P3 ; le sélecteur montre sRGB, donc un rouge vif d’une photo de téléphone à large gamme semble légèrement désaturé.
- PNG avec profil ICC : le sélecteur convertit en sRGB avant l’échantillonnage afin que les sorties soient cohérentes.
Cas d’utilisation courants
- Assortir la couleur du logo d’un client à partir d’une capture d’écran au lieu de deviner.
- Construire une palette à partir d’une photo de référence (paysage, mood board, image de film).
- Vérifier les valeurs hex sur une page web rendue qui a perdu ses jetons de design.
- Vérifier qu’une couleur de marque a été appliquée correctement par un intervenant.
Confidentialité
L’image est chargée dans le canevas de votre navigateur et n’est jamais envoyée en ligne, le sélecteur utilise uniquement des lectures de canevas côté client, donc les designs confidentiels restent confidentiels.
Questions fréquentes
La compression JPEG déplace légèrement les couleurs, surtout dans les dégradés et près des bords. Si la source est un JPG, essayez le mode moyenne de 10 × 10 ; si vous avez accès au PNG ou SVG original, échantillonnez à partir de celui-ci pour une correspondance exacte.
Pas directement. Prenez une capture d’écran de l’image que vous souhaitez et chargez-la. Pour un travail rigoureux de vidéo à palette, extrayez des images avec un outil vidéo et échantillonnez chacune.
Il échantillonne à partir de l’image affichée lorsque vous cliquez. Mettez sur pause ou faites défiler jusqu’à l’image que vous souhaitez avant d’échantillonner.
Jusqu’à 20 par session. Les palettes sont stockées localement, donc rafraîchir la page les conserve mais effacer les données du navigateur les supprime.
Outils similaires
Créateur de tier list
Créez une tier list privée avec textes et images locales, personnalisez les niveaux, classez au clavier ou par glisser-déposer et exportez.
Compresser GIF
Réduisez la taille d'un GIF animé dans le navigateur en diminuant les dimensions, en conservant moins d'images et en ajustant la qualité d'encodage. Prévisualisez la boucle avant le téléchargement.
Générateur de graffitis
Créez un texte façon graffiti avec des effets tag, bulle, bloc, pochoir, néon et wildstyle. Réglez les couleurs et exportez-le en PNG ou SVG.
Générateur de codes-barres
Créez dans le navigateur un code-barres 1D en Code 128, EAN, UPC, ITF-14 ou autre format pris en charge, puis téléchargez-le en SVG ou PNG.
Éditeur de photos
Éditeur de photos dans le navigateur avec recadrage, rotation, luminosité, contraste, saturation, filtres, texte superposé et export en JPG, PNG ou WebP.
Générateur de mèmes
Ajoutez un texte en haut et en bas d’une image JPG, PNG ou WebP. Réglez la police, la couleur et le contour, puis téléchargez le mème en PNG.