Outils95

CRÉEZ QUELQUE CHOSE DE GÉNIAL

Sélecteur de couleurs d'image.

Prélevez des couleurs HEX, RGB et HSL depuis une image. Extrayez et modifiez une palette, vérifiez le contraste du texte, puis copiez les couleurs ou exportez PNG, SVG, CSS ou JSON.

Publicités
Votre espace de travail d'image
Traitement temporaire sur serveur
ou glissez et déposez ici
JPG, JPEG, PNG, WEBP, GIF, BMP, TIF, TIFF, HEIC, HEIF
Choisissez votre image pour commencer.IMAGE
Publicités
Blog Comment choisir les couleurs d'une image et créer une palette Lire le guide

Choisissez les couleurs d'une image et créez une palette que vous pouvez utiliser

Inspectez un pixel, copiez sa valeur HEX, RGB ou HSL, et extrayez une palette de départ à partir d'une photo. Gardez les couleurs que vous aimez, modifiez le reste, vérifiez une paire texte-arrière-plan et exportez PNG, SVG, CSS ou JSON.

Une image fournit des échantillons de couleur individuels et une palette qui peut être affinée et exportée.
TUTORIEL VIDÉO RAPIDE How to pick an image color and export a palette Upload an image, inspect a pixel with the magnifier, add its color to the extracted palette, select Start and download a PNG palette. Narration en anglais Regarder la vidéo

How to pick an image color and export a palette

Fonctionnalités et contrôles

Choisissez un pixel avec une vue agrandie

Cliquez ou appuyez sur l'image pour inspecter une couleur, puis copiez son code.

Positionnement précis et limitations de l'aperçu

La loupe vous aide à viser les petits détails. Mettez l'image au point et utilisez les touches fléchées pour déplacer d'un pixel, Maj plus une flèche pour déplacer de dix, et Entrée pour choisir. HEX, RGB et HSL ont des boutons de copie individuels. Les sources décodables par le navigateur sont échantillonnées dans le navigateur sRGB. Lorsqu'un aperçu normalisé est utilisé à la place, son étiquette identifie les couleurs et les coordonnées comme approximatives.

Extraire une palette de départ utile

Choisissez 3 à 12 couleurs à extraire et essayez Dominante ou Vibrante.

Comment les couleurs et les pourcentages sont estimés

Dominante privilégie les couleurs principales de l'image. Vibrante donne plus d'influence aux accents colorés. L'extraction échantillonne une image délimitée, regroupe les couleurs similaires et renvoie jusqu'au nombre demandé ; une image plate peut en contenir moins. Les pixels entièrement transparents sont exclus et l'opacité partielle réduit le poids d'un pixel. Les pourcentages décrivent des groupes échantillonnés approximatifs, pas un compte exact de chaque pixel original. L'extraction automatique télécharge l'image sur le serveur.

Gardez, remplacez et réorganisez vos couleurs

Verrouillez les échantillons utiles, modifiez leurs valeurs HEX ou ajoutez une couleur choisie ou personnalisée.

Affiner une palette avant l'exportation

Sélectionnez un échantillon pour modifier sa couleur, déplacez-le vers la gauche ou la droite, ou supprimez-le. Verrouiller conserve une couleur choisie lorsque vous utilisez Actualiser la palette ou modifiez les paramètres d'extraction. Ajouter à la palette utilise la couleur RGB échantillonnée ; Ajouter une couleur personnalisée vous permet de saisir une valeur HEX. Une palette peut contenir de 1 à 12 couleurs pour l'exportation. Les couleurs choisies, modifiées et verrouillées conservées ne reçoivent pas de pourcentages d'image inventés.

Comprendre les pixels transparents

Choisissez Couleur source ou Composite sur un arrière-plan sous Échantillonnage.

Opacité de la source et couleurs exportées

Couleur source indique le pixel sélectionné et son opacité dans le code copié. Composite sur un arrière-plan montre son apparence après mélange avec l'arrière-plan d'échantillonnage. Les couleurs de la palette et les exportations sont des valeurs RGB opaques, donc l'ajout d'une couleur source translucide ne préserve pas son canal alpha. Le mode d'échantillonnage modifie la couleur inspectée ; il ne recolore pas l'image source et ne modifie pas l'extraction automatique.

Vérifier une paire texte et arrière-plan

Utilisez Vérifier le contraste des couleurs pour comparer deux couleurs.

Ce que couvre le résultat du contraste

Choisissez Texte et Arrière-plan avec les commandes de couleur, saisissez les valeurs HEX ou utilisez la couleur choisie. L'aperçu affiche un rapport de contraste et des résultats séparés Normal AA, Normal AAA, Large AA et Large AAA pour le texte. Cela vérifie uniquement la paire de couleurs sélectionnée. Cela n'audite pas une page entière, ne prend pas en compte chaque image d'arrière-plan et ne certifie pas qu'une conception complète est accessible.

Exporter les couleurs pour l'étape suivante

Enregistrez une image de palette, des échantillons vectoriels, des variables CSS ou des données de couleur structurées.

PNG, SVG, CSS et JSON

PNG produit une carte de palette étiquetée. SVG conserve les échantillons et les étiquettes en tant que contenu vectoriel. CSS exporte des variables numérotées telles que --color-1. JSON contient les valeurs HEX, RGB et HSL. Sélectionnez Enregistrer sous puis Démarrer pour créer un fichier nommé palette avec l'extension choisie. Copier une couleur ou toute la palette HEX peut être plus rapide lorsque vous n'avez besoin que des valeurs.

Fichiers et traitement

Entrée
JPG, JPEG, PNG, WebP, GIF, BMP, TIFF, HEIC et HEIF
Sortie
Une palette PNG, SVG, CSS ou JSON

25 Mo maximum par fichier. Un fichier en entrée par exécution.

Une image source jusqu'à 60 mégapixels. L'extraction échantillonne au maximum 512 pixels par bord, ignore les pixels entièrement transparents et peut renvoyer moins de couleurs que demandé. L'exportation prend en charge de 1 à 12 couleurs de palette opaques. Les sources animées ou multi-images utilisent leur première image fixe.

L'image est téléchargée automatiquement pour extraire sa palette, puis à nouveau pour l'exportation finale. La sélection de pixels et les modifications manuelles de la palette s'exécutent dans le navigateur. Un format que le navigateur ne peut pas décoder peut également nécessiter un aperçu serveur. Cet outil utilise un traitement des couleurs conventionnel, pas d'IA.

Les fichiers sont traités sur le serveur. La préparation de l'aperçu peut également télécharger un fichier lorsque le décodage par le navigateur est indisponible ou qu'un aperçu de document est nécessaire. Les téléchargements serveur sont disponibles pour votre session pendant deux heures maximum.

Pour un résultat d'image, utilisez Continuer sous les résultats de téléchargement pour choisir une étape suivante compatible. Vous pouvez sélectionner les images à conserver ; l'outil suivant démarre avec ses propres paramètres.

Actualiser un éditeur ou une page de téléchargement vous renvoie à la page de l'outil. Téléchargez le résultat avant de commencer un nouveau flux de travail. Consultez notre Politique de confidentialité pour la gestion des fichiers.

FAQ

Bon à savoir.

Quelques réponses avant de commencer.

Traitement temporaire sur serveur
Puis-je obtenir HEX, RGB et HSL à partir d'une image ?

Oui. Choisissez un pixel et utilisez le bouton de copie à côté de la valeur dont vous avez besoin. Le sélecteur affiche l'opacité lorsque cela est pertinent ; les exportations de palette opaques contiennent des couleurs RGB.

Quelle est la différence entre Dominante et Vibrante ?

Dominante met l'accent sur les couleurs courantes de l'image. Vibrante donne plus d'influence aux accents colorés. Les deux sont des approximations échantillonnées, et aucune ne promet de trouver automatiquement une couleur de marque particulière.

Pourquoi une demande de six couleurs en renvoie-t-elle moins ?

Une source peut avoir moins de couleurs visibles distinctes. L'extracteur renvoie les groupes disponibles au lieu d'inventer des échantillons en double pour remplir le nombre demandé.

Puis-je garder une couleur tout en actualisant la palette ?

Oui. Sélectionnez son échantillon et utilisez Verrouiller la couleur. Vous pouvez également ajouter une valeur HEX personnalisée, réorganiser les échantillons ou supprimer des couleurs avant l'exportation.

Est-ce que tout reste dans mon navigateur ?

Non. Le choix des pixels et les modifications de la palette s'exécutent dans le navigateur, mais l'extraction automatique et l'exportation finale téléchargent la source sur le serveur. Certains formats d'entrée nécessitent également un aperçu généré par le serveur.

Publicités

Langue38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Choisissez votre langue. Les tutoriels vidéo utilisent actuellement une narration en anglais.