Extrayez des couleurs d'Images avec une précision parfaite. Obtenez les valeurs de couleur HEX, RGB, HSL et HWB de n'importe quelle Image.
Fonctionnalités
- Extraction Précise: Extrayez des couleurs d'Images avec une précision parfaite au pixel près. Cliquez n'importe où pour obtenir des données de couleur précises.
- Multi-formats: Obtenez des valeurs de couleur dans plusieurs formats (HEX, RGB, HSL, HWB) pour répondre à différents besoins.
- Aperçu en temps réel: Aperçu de couleur en temps réel et affichage des coordonnées. Ce que vous voyez est ce que vous obtenez pour les designers.
- Copie Rapide: Fonctionnalité de copie en un clic pour une intégration facile. Appliquez rapidement les valeurs de couleur à vos projets.
Guide d'utilisation
- Étape 1: Téléchargez une image en cliquant sur "Télécharger une Image" ou par glisser-déposer.
- Étape 2: Cliquez n'importe où sur l'Image pour extraire les valeurs de couleur.
- Étape 3: Copiez n'importe quel Format de couleur pour l'utiliser dans vos projets.
Détails techniques
Modèles de Couleur
Les modèles de couleur courants incluent RVB (lumière additive), TSL (teinte/saturation/luminosité), HEX (hexadécimal) et CMJN (impression soustractive). Chaque modèle est optimisé pour des usages spécifiques, les écrans numériques utilisant principalement le RVB et l'impression le CMJN.
Représentation des Couleurs
Le web utilise les formats HEX (#FFFFFF), RVB (rgb(255,255,255)), RVBA (avec alpha) et TSL. Chaque modèle a des objectifs différents en design et développement. HEX est concis, RVB est intuitif et TSL facilite l'ajustement des couleurs.
Conversion de Couleurs
La Conversion entre modèles de couleur implique des transformations mathématiques. Chaque modèle a des avantages spécifiques pour différents cas d'usage comme le design, l'impression ou l'accessibilité. L'API Canvas est utilisée pour lire les données pixel et convertir en divers formats.
Questions fréquentes
- Commentaire fonctionne le sélecteur de couleurs ?
- Le sélecteur de couleurs utilise l'API Canvas pour lire les données pixel des Images. Lorsque vous cliquez sur l'Image, il extrait les valeurs RVBA à ces coordonnées et les convertit en divers formats de couleur incluant HEX, RVB, TSL et HWB pour l'affichage.
- Quels formats d'Image sont Supportés ?
- L'outil supporte tous les formats d'Image web courants incluant JPG, PNG, GIF et WebP. Vous pouvez télécharger des Images en les glissant-déposant ou en cliquant pour sélectionner un fichier.
- Commentaire utiliser les valeurs de couleur extraites ?
- Les valeurs de couleur extraites sont affichées aux formats HEX, RVB, TSL et HWB. Cliquez sur n'importe quel Format pour le copier dans le presse-papiers et l'utiliser directement dans CSS, les outils de design ou le code.
- Puis-je extraire plusieurs couleurs à la fois ?
- Vous pouvez extraire une couleur à la fois. Cependant, vous pouvez cliquer successivement sur différentes parties de l'Image pour extraire plusieurs couleurs et copier chacune selon vos besoins.
- Que signifient les coordonnées de couleur ?
- Les coordonnées (X, Y) représentent la position du pixel cliqué dans l'Image. X est la position horizontale (0 à gauche), Y est la position verticale (0 en haut), vous aidant à localiser facilement la même couleur plus tard.
Documentation connexe
- MDN - Canvas API - API Canvas HTML5 pour les graphiques et la visualisation
- MDN - Documentation SVG - Documentation et tutoriels sur les graphiques vectoriels évolutifs
- W3C - Spécification SVG - Spécification SVG officielle du W3C
- MDN - CSS Color - Valeurs de couleur CSS et espaces colorimétriques
- Web.dev - Graphiques et effets visuels - Meilleures pratiques pour les graphiques et animations web