XTools
Loading...
🎯
Выбор Цвета
Извлекайте цвета из изображений с идеальной точностью. Получайте значения цветов HEX, RGB, HSL и HWB из любого изображения.1. Загрузите изображение, нажав кнопку загрузки или перетащив
2. Нажмите в любом месте изображения для извлечения цветовых значений
3. Скопируйте цветовые значения в предпочитаемом формате
Анализ Цветового Дизайна
Извлечение цветов из изображений необходимо для согласованности дизайна, анализа бренда и создания гармоничных цветовых палитр.📖 Руководство по использованию
Шаг 1
Загрузите изображение, нажав "Загрузить Изображение" или перетащив.
Шаг 2
Нажмите в любом месте изображения для извлечения цветовых значений.
Шаг 3
Скопируйте любой цветовой формат для использования в ваших проектах.
✨ Функции
✨
Извлекайте цвета из изображений с идеальной точностью.
✨
Получайте значения цветов в нескольких форматах (HEX, RGB, HSL, HWB).
✨
Предварительный просмотр цвета в реальном времени и отображение координат.
✨
Функция копирования в один клик для легкой интеграции.
🔬Мини-руководство
颜色吸取技术原理Этот выбор цвета использует HTML5 Canvas API для анализа пикселей изображения и извлечения точной цветовой информации. Он поддерживает различные форматы изображений и предоставляет точные цветовые значения для рабочих процессов дизайна и разработки.
Canvas API 应用工具使用 HTML5 Canvas API 来处理图像和提取像素数据。Canvas 提供了 getImageData 方法来获取指定区域的像素信息，包括 RGBA 值。通过计算鼠标位置对应的像素坐标，可以精确获取该点的颜色信息。
颜色空间转换工具实现了多种颜色空间之间的转换算法：RGB 到 HEX 的十六进制转换、RGB 到 HSL 的色相饱和度亮度转换、RGB 到 HWB 的色相白度黑度转换。每种转换都使用精确的数学公式确保颜色准确性。
实时交互体验通过鼠标移动事件监听器，工具提供实时的颜色预览功能。用户可以移动鼠标查看不同位置的颜色信息，点击选择特定颜色。这种交互方式让颜色吸取过程更加直观和高效。