Как выбрать инструмент для работы с цветом
Онлайн-инструменты для работы с цветом
Раздел собирает то, что чаще всего нужно при работе с цветом в вебе и графике: снять цвет с картинки, подобрать сочетание, получить случайный оттенок и перевести код из одной модели в другую.
Какой инструмент когда нужен
- снять цвет с фотографии или скриншота и скопировать его код - Пипетка;
- подобрать гармоничное сочетание под макет - Палитра;
- получить свежий оттенок для идей и тестов - Случайный цвет;
- перевести цвет между HEX, RGB, HSL и HSV - конвертеры цветовых моделей.
HEX, RGB, HSL и HSV - когда что
HEX и RGB описывают один цвет для верстки: HEX короче и привычнее в CSS, RGB удобнее в коде и обработке изображений. HSL и HSV задают цвет через оттенок и насыщенность, поэтому ими проще подбирать тон и строить светлые и темные варианты одного цвета. Точный перевод между всеми четырьмя моделями делают конвертеры раздела - формулы и примеры разобраны на их страницах.
Вопросы и ответы
Пипеткой: загрузите изображение, кликните по нужной точке и заберите ее код сразу в HEX, RGB, HSL и HSV
Для этого в разделе есть отдельные конвертеры HEX-RGB, RGB-HSL, RGB-HSV и HSL-HEX - вписываете значение в одной записи, получаете в другой, перевод идет в обе стороны
Это разные способы записать один цвет: HEX - код для CSS, RGB - три канала от 0 до 255, HSL и HSV раскладывают цвет на оттенок, насыщенность и светлоту или яркость. Подробный разбор с примерами - на страницах конвертеров
Да, инструмент Палитра строит комплементарные, аналоговые и триадные наборы по базовому цвету, а Случайный цвет выдает свежий оттенок для идей и тестов