Как это работает
Тяните в квадрате, чтобы задать насыщенность и яркость, а радужным ползунком — оттенок. Можно также ввести код, использовать системную палитру, взять любой пиксель с экрана (в поддерживающих браузерах) или нажать на точку в собственном фото. Каждый цвет показывается как HEX, RGB, HSL, HSV и CMYK, а недавние выборы остаются в ряду для быстрого сравнения.
#6cc04a = rgb(108, 192, 74) = hsl(103, 48%, 52%)
Какой формат использовать
- HEX: самый распространённый код для сайтов и дизайн-инструментов.
- RGB: красный, зелёный и синий свет от 0 до 255, используется на экранах.
- HSL и HSV: оттенок, насыщенность и светлота или яркость — удобнее всего делать цвет светлее, темнее или мягче.
- CMYK: грубая отправная точка для печати; уточняйте по профилю вашей типографии.
Советы
- Взятие с экрана работает в Chrome и Edge на компьютере; на телефонах вместо этого берите из изображения.
- Фотографии читаются на вашем устройстве и никогда не загружаются.
- Нажмите на любое значение, чтобы скопировать его.
Стандарты и источники
- Значения цвета соответствуют CSS Color Module Level 4 (sRGB)
- Взятие с экрана использует EyeDropper API там, где браузер его поддерживает
Last reviewed 7 октября 2026 г.
Часто задаваемые вопросы
Как выбрать цвет из изображения?
Выберите изображение в разделе «Выбрать из изображения», затем нажмите на нужное место. Цвет под пальцем или курсором будет выбран.
Можно ли выбрать цвет в любом месте экрана?
Да, в Chrome и Edge на компьютере. Нажмите «Выбрать с экрана» и кликните на любой пиксель, даже за пределами окна браузера.
В чём разница между HSL и HSV?
Оба используют тон и насыщенность. HSL использует светлоту, где 100% — белый; HSV использует яркость, где 100% — полный цвет.
Мои фото загружаются?
Нет. Изображения отрисовываются и считываются внутри браузера и никогда не покидают устройство.
Как скопировать код цвета?
Нажмите на любое значение HEX, RGB, HSL, HSV или CMYK либо используйте кнопку копирования, чтобы скопировать основные коды вместе.