Выбор цвета: 11 форматов цвета в вашем браузере
Выберите цвет с помощью нативного пикера или используйте экранную пипетку, где она поддерживается. Выбор цвета показывает выбранный цвет в 11 форматах, включая hex, RGB, HSL, HSV, HWB, CMYK, LAB, LCH и OKLab. Скопируйте любой формат одним кликом и проверьте ближайшее именованное имя цвета CSS рядом со значениями.
Выбор цвета — это браузерный инструмент для выбора цвета и просмотра его сразу в 11 форматах. Используйте нативный пикер для выбора цвета или экранную пипетку, где она поддерживается. Инструмент также показывает ближайшее именованное имя цвета CSS, чтобы вы могли сопоставить узнаваемое имя с числовыми и кодовыми значениями.
После выбора цвета инструмент отображает его доступные представления, включая hex, RGB, HSL, HSV, HWB, CMYK, LAB, LCH и OKLab. Кликните по строке формата, чтобы скопировать её для вставки в работу. Пикер показывает форматы вместе, что облегчает сравнение значений без ручного преобразования. Ближайшее именованное имя цвета CSS показано для справки; это ближайшее именованное совпадение, не обязательно точное.
Эти форматы описывают цвета по-разному. Hex и RGB представляют цвет кодовыми или числовыми значениями каналов, а HSL и HSV используют модели на основе оттенка; LAB, LCH и OKLab предлагают другие способы выражения цвета. Наличие нескольких представлений помогает, когда таблица стилей, дизайн-макет или документ требуют определённый формат. Инструмент позволяет сначала выбрать цвет, а затем скопировать подходящее для задачи представление.
Выбор цвета работает полностью в вашем браузере. Ваш ввод обрабатывается на вашем устройстве и не загружается, не сохраняется и не отправляется на сервер. После загрузки страницы инструмент работает без соединения, поэтому вы можете использовать его офлайн. Он полезен разработчикам, дизайнерам и всем, кому нужно выбирать, проверять или копировать значения цвета в разных форматах.
Шаг 1: Откройте выбор цвета и выберите цвет с помощью нативного пикера.
Шаг 2: Если ваш браузер поддерживает её, используйте экранную пипетку, чтобы выбрать цвет с экрана.
Шаг 3: Настройте цвет, пока он не будет выглядеть правильно; доступные значения форматов обновятся для выбранного цвета.
Шаг 4: Проверьте 11 форматов цвета и ближайшее именованное имя цвета CSS, показанное рядом с ними.
Шаг 5: Кликните по нужной строке формата, чтобы скопировать её для вставки в код или документ.
Пример использования: Выбирайте цвет интерактивно вместо угадывания значения цвета, затем скопируйте нужное представление.
Пример использования: Используйте экранную пипетку, где она поддерживается, чтобы взять цвет из дизайна или документа и получить его точные отображаемые значения.
Пример использования: Сравните один и тот же цвет в нескольких форматах, прежде чем решить, какое представление использовать в работе.
Пример использования: Скопируйте значение hex или RGB для таблицы стилей или выберите другой доступный формат, когда этого требует задача.
Пример использования: Проверьте ближайшее именованное имя цвета CSS, если хотите узнать, есть ли у выбранного цвета знакомое имя.
Пример использования: Получите значение цвета в одном месте вместо ручного перевода между форматами, показанными пикером.