Выбор цвета
Выберите цвет, точно настройте его и скопируйте код в нужном формате.
Запечатано на этом устройстве
Работает в вашем браузере. Ничего не загружается на сервер.
Запечатано
Выберите цвет
Коды цвета
Светлые и тёмные оттенки
С одной стороны светлые оттенки, с другой — тёмные. Выберите любой, чтобы использовать его.
Как это работает
-
Выберите цвет
Перемещайте курсор в области цвета и ползунок тона, введите уже известный код или возьмите цвет с экрана.
-
Настройте его
Измените непрозрачность или изучите светлые и тёмные оттенки цвета, чтобы найти более светлый или тёмный вариант.
-
Скопируйте код
Скопируйте значение HEX, RGB, HSL, OKLCH или CMYK и вставьте его в макет, код или документ.
Частые вопросы
Как взять цвет с экрана?
Нажмите «Пипетка», а затем щёлкните в любом месте экрана, чтобы захватить этот цвет. Пипетка доступна в Chrome, Edge и других браузерах на базе Chromium на компьютерах. В остальных браузерах образец цвета открывает системную палитру, в которой часто есть своя пипетка.
Какой формат цвета выбрать?
HEX — самый распространённый формат в веб-дизайне, он работает везде. RGB и HSL удобны в CSS, когда нужно подправить значения вручную. OKLCH — современный формат CSS, который сохраняет одинаковую светлоту для разных тонов. CMYK — отправная точка для печати.
Чем светлый оттенок отличается от тёмного?
Светлый оттенок — это ваш цвет, смешанный с белым, поэтому он светлее. Тёмный оттенок — ваш цвет, смешанный с чёрным, поэтому он темнее. Смешивание идёт в перцептивном цветовом пространстве, чтобы шаги выглядели равномерными.
Можно ли пользоваться инструментом с клавиатуры?
Да. Переведите фокус на область цвета и меняйте насыщенность и яркость стрелками, удерживая Shift для больших шагов. Ползунки тона и непрозрачности тоже управляются стрелками.
Можно ли поделиться цветом?
Да. Адрес страницы обновляется при выборе цвета, поэтому его можно добавить в закладки или отправить ссылку кому-нибудь.