Выберите базовый цвет, и инструмент мгновенно построит для него гармоничную шкалу оттенков — от светлого к темному. Мы используем современное пространство OKLCH, чтобы цвета выглядели ровно и профессионально. Вам не нужно вручную переводить OKLCH to HEX — генератор сделает это за вас и покажет готовые коды для копирования.

Долгое время дизайнеры использовали HSL, но у него есть проблема: при изменении светлоты цвета кажутся «грязными» или неестественными. OKLCH — это новое цветовое пространство, которое решает эту проблему. В нем светлота (L), насыщенность (C) и оттенок (H) воспринимаются человеческим глазом линейно.

Если вы пишете OKLCH CSS, вы можете быть уверены, что ваши тени и блики будут выглядеть одинаково качественно. Наш генератор оттенков позволяет легко перейти от привычного HEX к современному OKLCH, не углубляясь в сложные математические формулы.