Выбор цвета
Выберите цвет из образца или возьмите его прямо с экрана через EyeDropper API — hex, RGB и HSL копируются одним кликом.
#0071e3rgb(0, 113, 227)hsl(210, 100%, 45%)Your browser does not expose the EyeDropper API, so use the swatch input; hex/rgb/hsl values still update live.
Инструмент полностью работает в вашем браузере. Данные не покидают устройство и не загружаются ни на один сервер.
Как пользоваться
- 1Нажмите на цветной образец и выберите цвет или используйте «Взять с экрана», где доступно.
- 2Читайте значения hex, RGB и HSL под предпросмотром.
- 3Нажмите «Копировать» рядом с нужным форматом.
Выбор цвета
Нажмите на образец, чтобы собрать цвет визуально, или — в Chromium-браузерах — используйте «Взять с экрана», чтобы снять любой пиксель уже показанного изображения. Выбранное значение появляется одновременно как hex, rgb() и hsl(), каждое со своей кнопкой копирования.
Снятие использует встроенный EyeDropper API браузера и читает пиксель локально; ничего не записывается, не загружается и не хранится. В браузерах без API поле образца сохраняет всю функциональность.
Частые вопросы
Почему «Взять с экрана» не показывается?
EyeDropper API сейчас доступен в браузерах на Chromium (Chrome, Edge, Brave, Opera). Firefox и Safari его пока не открывают, поэтому там видно только поле образца — всё остальное работает одинаково.
В чём разница между hex, RGB и HSL?
Они описывают один цвет тремя способами: hex упаковывает красный-зелёный-синий в #RRGGBB для CSS и дизайн-инструментов; rgb() называет три канала числами; hsl() выражает оттенок, насыщенность и светлоту — так проще строить палитры и состояния наведения вручную.
Снятие с экрана приватно?
Да. EyeDropper API показывает системную пипетку и возвращает единственный пиксель, по которому вы щёлкнули; чтение происходит в вашем браузере, и ни снимок, ни история, ни значение не передаются и не сохраняются.
Похожие инструменты
Конвертер цветов
Вставьте цвет в hex, rgb() или hsl() и получите все три формата плюс готовый ряд тонов и оттенков для вашей дизайн-системы.
Все инструменты →
Генератор QR-кодов
Превратите любой текст или URL в чёткий QR-код с настраиваемым размером, цветами и уровнем коррекции ошибок — скачайте как PNG или SVG.
Все инструменты →
Генератор штрихкодов
Создавайте сканируемые штрихкоды CODE128, EAN-13 и UPC-A с настраиваемой шириной и высотой штрихов — векторный вывод SVG, отрисовка в вашем браузере.
Все инструменты →
Калькулятор пропорций
Задайте пропорцию вроде 16:9 и одну сторону — недостающая ширина или высота появится мгновенно, плюс пресеты от 1:1 до 21:9 для видео и дизайна.
Все инструменты →
Встроить этот инструмент
Одна строка — и инструмент на вашем сайте. Он работает в браузере посетителя.
<iframe src="https://zoyku.com/ru/tools/color-picker?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — color-picker" loading="lazy"></iframe>