Les images téléchargées sont-elles enregistrées sur un serveur ?

Non, elles ne sont pas enregistrées. Tous les algorithmes de traitement d'image et d'extraction de couleur sont exécutés à l'aide de l'API Canvas dans votre navigateur (environnement local). Les données d'image ne sont jamais envoyées à des serveurs externes via Internet, vous pouvez donc l'utiliser en toute sécurité même pour des images très sensibles.

Quels formats d'image sont pris en charge ?

Il prend en charge les formats d'images Web courants : JPG, PNG, GIF, WebP et SVG. La limite de taille de fichier est de 10 Mo, ce qui est suffisant pour la plupart des cas d'utilisation.

Quelle est la précision des couleurs extraites ?

Puisqu'il lit les données des pixels directement sur le Canvas, vous obtenez des couleurs 100 % exactes (dans l'espace sRGB) au niveau du pixel. De plus, en utilisant les touches fléchées du clavier après avoir cliqué, vous pouvez sélectionner et extraire avec précision même les subtiles différences de couleur dans les pixels adjacents.

Les couleurs CMYK peuvent-elles être utilisées directement pour l'impression ?

Les valeurs CMYK fournies par cet outil sont des valeurs théoriques basées sur des calculs approximatifs à partir des valeurs RGB. Pour l'impression professionnelle (PAO), elles dépendent des profils de couleurs, il est donc recommandé de ne les utiliser qu'à titre de référence et d'effectuer les vérifications finales avec un logiciel dédié comme Illustrator.

🎨

image color picker,

Sélecteur de Couleur d'Image

Extrayez des couleurs exactes d'images instantanément.
Extrayez automatiquement les palettes de couleurs dominantes et ajustez au clavier.

🔍

Extraction au pixel près

Obtenez avec précision les couleurs des pixels grâce à une loupe et aux touches fléchées

🎨

Analyse des couleurs dominantes

Extrayez automatiquement les 8 couleurs représentatives de l'image

📋

5 formats de couleurs

Prend en charge HEX, RGB, HSL, CMYK et le moderne OKLCH

🖼️

Glisser-Déposer une Image

ou cliquer pour sélectionner / Ctrl+V pour coller

JPG PNG GIF WebP SVG Max 10MB

* Les images sont traitées localement dans votre navigateur et ne sont jamais envoyées à un serveur.

✅ Copié !

Générateur de CSS View Transition

🎨

Convertisseur de Couleur

↔️

Générateur de CSS Clamp

about,

À propos du Sélecteur de Couleur

Le Sélecteur de Couleur d'Image est un outil en ligne gratuit qui vous permet d'extraire des informations de couleur spécifiques à partir d'images, de photos et d'illustrations, vous fournissant des codes de couleur tels que HEX, RGB, HSL, CMYK et OKLCH. Grâce à un traitement côté client avancé utilisant l'API Canvas du navigateur, les images téléchargées ne sont jamais envoyées à des serveurs externes, garantissant un fonctionnement sûr et rapide.

Il est très utile pour les concepteurs Web et les développeurs front-end pour rechercher les couleurs clés des conceptions de référence ou créer des palettes de couleurs correspondant à l'ambiance des photos. En plus de l'extraction de couleur au pixel près à l'aide de la pipette, il dispose également d'une fonction d'extraction automatique pour analyser les couleurs dominantes de l'image entière.

how to,

Comment utiliser

STEP 1

Télécharger une image

Faites glisser et déposez l'image de laquelle vous souhaitez extraire des couleurs dans la zone supérieure, ou cliquez pour sélectionner un fichier. Il prend également en charge le collage depuis le presse-papiers (Ctrl+V / Cmd+V). Le chargement est instantané et traité dans votre navigateur.

STEP 2

Choisissez une couleur spécifique avec la pipette

Sélectionnez l'onglet "Pipette" et cliquez sur la zone de l'image que vous souhaitez vérifier. Une loupe apparaîtra, vous permettant de cibler avec précision des pixels fins. Après avoir cliqué, vous pouvez également effectuer des ajustements précis pixel par pixel en utilisant les touches fléchées (↑↓←→) de votre clavier.

STEP 3

Extraire automatiquement les couleurs dominantes

Passez à l'onglet "Extraction Auto" pour analyser automatiquement et générer une palette des 8 couleurs représentatives principales (couleurs dominantes) les plus utilisées dans l'image. En cliquant sur "Copier Vars CSS" depuis cette palette, vous pouvez les coller et les utiliser directement dans la feuille de style de votre projet.

glossary,

Glossaire

HEX (Code de Couleur Hexadécimal): La méthode de représentation des couleurs la plus couramment utilisée dans la conception Web. Elle représente les valeurs de rouge, vert et bleu en hexadécimal de 00 à FF, exprimées sous forme d'une chaîne de 6 caractères comme #FF5733. Elle est essentielle pour spécifier les couleurs en HTML et CSS.
OKLCH: Une méthode moderne de définition des couleurs CSS utilisant un espace colorimétrique perceptuellement uniforme. Composé de Lightness (Luminosité), Chroma et Hue (Teinte), il correspond plus étroitement aux caractéristiques visuelles humaines que le HSL traditionnel, offrant l'avantage de créer facilement des palettes de couleurs avec des rapports de contraste cohérents.
Couleur Dominante: La couleur principale qui prévaut dans une image ou un design et détermine son impression globale. Cet outil utilise l'algorithme Median Cut pour analyser l'image et extraire automatiquement les 8 couleurs ayant le plus d'impact visuel.
Algorithme Median Cut: Un type d'algorithme souvent utilisé pour la quantification des couleurs d'image. Il génère efficacement une palette de couleurs représentative en plaçant tous les pixels dans un espace colorimétrique RVB 3D et en divisant de manière répétée l'espace le long de l'axe de couleur présentant la plus grande variance.
Palette de Couleurs: Une combinaison de couleurs utilisées dans un design. Il s'agit d'un ensemble de couleurs qui définissent une couleur de base, une couleur d'accent, etc., pour obtenir un design cohérent et unifié.

faq,

Questions Fréquentes

Q.Les images téléchargées sont-elles enregistrées sur un serveur ?: Non, elles ne sont pas enregistrées. Tous les algorithmes de traitement d'image et d'extraction de couleur sont exécutés à l'aide de l'API Canvas dans votre navigateur (environnement local). Les données d'image ne sont jamais envoyées à des serveurs externes via Internet, vous pouvez donc l'utiliser en toute sécurité même pour des images très sensibles.
Q.Quels formats d'image sont pris en charge ?: Il prend en charge les formats d'images Web courants : JPG, PNG, GIF, WebP et SVG. La limite de taille de fichier est de 10 Mo, ce qui est suffisant pour la plupart des cas d'utilisation.
Q.Quelle est la précision des couleurs extraites ?: Puisqu'il lit les données des pixels directement sur le Canvas, vous obtenez des couleurs 100 % exactes (dans l'espace sRGB) au niveau du pixel. De plus, en utilisant les touches fléchées du clavier après avoir cliqué, vous pouvez sélectionner et extraire avec précision même les subtiles différences de couleur dans les pixels adjacents.
Q.Les couleurs CMYK peuvent-elles être utilisées directement pour l'impression ?: Les valeurs CMYK fournies par cet outil sont des valeurs théoriques basées sur des calculs approximatifs à partir des valeurs RGB. Pour l'impression professionnelle (PAO), elles dépendent des profils de couleurs, il est donc recommandé de ne les utiliser qu'à titre de référence et d'effectuer les vérifications finales avec un logiciel dédié comme Illustrator.

use cases,

Cas d'utilisation

🎨

Conception Web et Codage

Extrayez les couleurs exactes de la marque (HEX/RGB) à partir de captures d'écran de sites de référence ou d'images de logo fournies par les clients, et appliquez-les au CSS. En utilisant la fonction d'extraction automatique, vous pouvez identifier instantanément des candidats pour les couleurs de base, principales et d'accentuation.

🖼️

Schémas de Couleurs UI pour Photos

Extrayez les couleurs dominantes des vignettes d'articles ou des photos placées dans le hero header. En définissant ces couleurs comme couleurs d'arrière-plan pour le texte ou les boutons, vous pouvez obtenir de superbes conceptions de pages où les images et l'interface utilisateur s'harmonisent.

✨

Création de Palettes pour Illustrations

Extrayez des combinaisons de couleurs saisissantes d'œuvres d'illustrateurs préférés ou de belles photos de paysages. Copiez les couleurs en masse sous forme de variables CSS et utilisez-les comme idées de schémas de couleurs pour vos propres œuvres originales.

📸

Couleurs de Référence pour Retouche Photo

Lors de l'édition de photos, obtenez avec précision des informations de couleur de zones spécifiques, telles que les tons de peau ou la couleur du ciel, au niveau du pixel. Utilisez-les comme référence pour l'ajustement de la balance des blancs et l'étalonnage des couleurs.