Как пользоваться
- 1Выберите цвет пипеткой или введите код в любом формате.
- 2Скопируйте нужное значение: HEX, RGB, HSL, HSV, CMYK или OKLCH.
- 3Посмотрите 10 оттенков светлее и темнее.
- 4Подберите комплементарный, аналоговые и триадные цвета.
Поддерживаемые форматы
HEX (#c6f04f), RGB, HSL, HSV/HSB, CMYK, современный OKLCH и именованные цвета CSS (например, tomato или navy). Ввод возможен в любом из них, остальные значения пересчитываются сразу. Каждое значение можно скопировать отдельно.
Палитры и сочетания
Шкала из 10 шагов от светлого к тёмному удобна для дизайн-систем и состояний кнопок. Комплементарный цвет лежит напротив на цветовом круге и даёт максимальный контраст, аналоговые — соседние и выглядят спокойно, триада — три равноудалённых цвета для яркой палитры.
Частые вопросы
Точен ли перевод в CMYK для печати?
Это математическое приближение без цветового профиля. Для типографии согласуйте цвета с профилем печати или по каталогу Pantone.
Что такое OKLCH?
Современное цветовое пространство CSS, в котором изменение светлоты воспринимается глазом равномерно. Его удобно использовать для палитр и тем оформления.
Чем HSL удобнее HEX?
В HSL оттенок, насыщенность и светлота заданы отдельно, поэтому цвет легко сделать светлее или темнее, не меняя тон. HEX компактнее и привычнее в вёрстке.
Результаты не радуют?
Обратитесь в Webin Agency: быстрые сайты с SEO-оптимизацией, интернет-магазины и ведение Google Ads.