XTools
Loading...
🎯
Sélecteur de Couleur
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.1. Téléchargez une image en cliquant sur le bouton de téléchargement ou par glisser-déposer
2. Cliquez n'importe où sur l'image pour extraire les valeurs de couleur
3. Copiez les valeurs de couleur dans votre format préféré
Analyse de Design de Couleur
L'extraction de couleurs d'images est essentielle pour la cohérence du design, l'analyse de marque et la création de palettes de couleurs harmonieuses.📖 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.
✨ Fonctionnalités
✨
Extrayez des couleurs d'images avec une précision parfaite.
✨
Obtenez des valeurs de couleur dans plusieurs formats (HEX, RGB, HSL, HWB).
✨
Aperçu de couleur en temps réel et affichage des coordonnées.
✨
Fonctionnalité de copie en un clic pour une intégration facile.
🔬Mini Tutoriel
颜色吸取技术原理Ce sélecteur de couleur utilise l'API HTML5 Canvas pour analyser les pixels d'image et extraire des informations de couleur précises. Il prend en charge divers formats d'image et fournit des valeurs de couleur précises pour les workflows de design et de développement.
Canvas API 应用工具使用 HTML5 Canvas API 来处理图像和提取像素数据。Canvas 提供了 getImageData 方法来获取指定区域的像素信息，包括 RGBA 值。通过计算鼠标位置对应的像素坐标，可以精确获取该点的颜色信息。
颜色空间转换工具实现了多种颜色空间之间的转换算法：RGB 到 HEX 的十六进制转换、RGB 到 HSL 的色相饱和度亮度转换、RGB 到 HWB 的色相白度黑度转换。每种转换都使用精确的数学公式确保颜色准确性。
实时交互体验通过鼠标移动事件监听器，工具提供实时的颜色预览功能。用户可以移动鼠标查看不同位置的颜色信息，点击选择特定颜色。这种交互方式让颜色吸取过程更加直观和高效。