Выбор цвета
Выбор цвета и получение кодов HEX, RGB, HSL
Работает в вашем браузере
HEX
#3B82F6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)Быстрые цвета
Что такое выбор цвета?
Онлайн-инструмент для выбора цветов и получения кодов в форматах HEX, RGB, HSL. Полезен дизайнерам и разработчикам.
Сценарии использования
- Выбор цветов для веб- или апп-дизайна
- Получение кодов HEX, RGB, HSL для CSS
- Подбор цветов для бренда или проекта
- Конвертация между форматами цвета
Когда использовать?
Используйте для выбора цветов, получения кодов или конвертации форматов. Полезно веб-дизайнерам, UI/UX и фронтенду.
Примеры
Фирменный синий
Ввод
#1A6CF5
Вывод
- HEX
- #1A6CF5
- RGB
- rgb(26, 108, 245)
- HSL
- hsl(218, 92%, 53%)
Тёплый акцентный цвет
Ввод
#F4A261
Вывод
- HEX
- #F4A261
- RGB
- rgb(244, 162, 97)
- HSL
- hsl(27, 87%, 67%)
Вопросы и ответы
Чем отличаются HEX, RGB и HSL?
Они описывают один и тот же цвет разными способами. HEX — компактная запись, используемая в CSS, RGB перечисляет значения красного, зелёного и синего от 0 до 255, а HSL использует тон, насыщенность и светлоту, что упрощает создание более светлых или тёмных оттенков.
Как скопировать код цвета?
Выберите цвет, затем нажмите кнопку копирования рядом с нужным значением HEX, RGB или HSL.
Почему обратное преобразование из HSL может дать немного другой цвет?
Значения HSL округляются до целых чисел, поэтому при обратном преобразовании в HEX возможно отклонение на один шаг.