Extraire une palette de couleurs d'une photo
Un préréglage de Extracteur de palette de couleurs
Construisez un schéma de couleurs à partir d'une photographie. Préréglé à six couleurs, ce qui suffit à capturer la variété d'une photo sans produire de quasi-doublons difficiles à distinguer dans une maquette.
- Les fichiers ne quittent jamais votre appareil
- Gratuit, sans inscription
- Aucun filigrane
- Fonctionne hors ligne une fois chargé
Comment utiliser Extracteur de palette de couleurs
- 1
Ajoutez une image
Déposez une photo, capture d'écran ou maquette — ou collez-la depuis le presse-papiers.
- 2
Choisissez combien de couleurs
Cinq ou six est généralement le point d'équilibre pour une palette utilisable.
- 3
Copiez les valeurs
Chaque échantillon donne HEX et RVB, plus la part de l'image qu'il couvre.
Construire un thème à partir d'une photographie spécifiquement
Extraire une palette d'une photographie est un travail différent de l'extraire d'un logo ou d'une maquette plate, car une photo porte un éclairage et des ombres continus plutôt qu'un petit nombre de couleurs plates délibérées — la même chemise rouge peut apporter une douzaine d'échantillons subtilement différents à travers ses côtés éclairés et ombragés avant que la quantification ne les regroupe. Six couleurs offrent assez de marge pour capturer cette variété — une ou deux teintes dominantes, une couleur de support, et un ou deux accents extraits de zones plus petites mais visuellement distinctes — sans que la palette ne s'effondre en six teintes presque identiques de la même nuance.
Une palette ainsi construite à partir, disons, d'une photo de paysage ou de produit tend à bien fonctionner comme point de départ pour un thème de site web ou une maquette de design : l'échantillon le plus fréquent (généralement la plus grande zone, comme le ciel ou l'arrière-plan) est une couleur d'arrière-plan ou de surface discrète naturelle, et les échantillons plus petits avec un pourcentage de couverture plus élevé sont des candidats naturels pour les accents précisément parce que l'algorithme a déjà favorisé des couleurs visuellement distinctes du reste de l'image.
Il vaut la peine de vérifier le pourcentage de couverture avant d'assigner un échantillon à un rôle précis dans un design : une couleur couvrant 45 % de la photo source paraîtra écrasante si utilisée comme petit accent, tandis qu'une couleur couvrant seulement 3 % disparaîtra si utilisée comme grand remplissage d'arrière-plan. Faire correspondre la proportion de couverture d'un échantillon à un rôle de poids visuel similaire dans le nouveau design produit généralement un résultat plus équilibré que choisir purement en fonction de la couleur la plus jolie isolément.
Questions fréquentes
Comment les couleurs sont-elles choisies ?
Par quantification par découpe médiane — les couleurs de l'image sont divisées de façon répétée en boîtes le long de leur axe le plus large jusqu'à ce qu'il reste le nombre de groupes demandé, et la moyenne pondérée de chaque groupe devient un échantillon. C'est le même algorithme qu'utilisent les palettes GIF, et il favorise les couleurs à la fois distinctives et communes.
Pourquoi la palette est-elle différente de ce que je vois ?
Parce que l'œil se dirige vers le *sujet*, tandis que l'algorithme compte les pixels. Une photo d'une voiture rouge sur du gazon renvoie surtout du vert, car c'est réellement la majeure partie de l'image. Recadrer sur la partie qui compte donne la palette attendue.
Que signifie le pourcentage ?
La proportion de pixels attribués à cet échantillon. C'est un bon indicateur du poids visuel — une couleur couvrant 40 % de l'image dominera toute maquette construite à partir de la palette, donc elle appartient généralement à un arrière-plan plutôt qu'à un accent.
Les zones transparentes sont-elles incluses ?
Non. Les pixels totalement transparents sont exclus, donc un logo sur fond transparent renvoie les couleurs du logo plutôt que d'être tiré vers le noir.
Vous pourriez aussi avoir besoin de
Sélecteur et convertisseur de couleur
HEX, RGB, HSL, CMJN et vérification de contraste
Compresser un PNG
Réduisez les fichiers PNG en conservant la transparence
Redimensionner une image
Changez les dimensions de l'image en pixels ou en pourcentage
Supprimer l'arrière-plan d'une photo
Détourez n'importe quelle photo directement dans votre navigateur
Compresser un JPG
Réduisez la taille des fichiers JPG sans perte de qualité visible
Recadrer une image
Faites glisser pour recadrer, avec des préréglages de format
Générateur de favicon
Chaque taille de favicon plus le HTML pour l'installer
HEIC vers JPG
Convertissez les photos HEIC de l'iPhone en JPG dans votre navigateur