Почти месяц я работаю в event-стартапе, мы разрабатываем уникальный для всех рынков продукт. Так как проект под NDA, я не могу полностью рассказать о продукте, но могу немного приоткрыть занавес внутренних работ, хотя бы теоретически
При создании дизайн-системы я руководствуюсь базовыми принципами. Например, при заведении цветов я их разделяю по типам, описываю их hex, rgb и hsl для фронтенда
Но мы решили прибегнуть к ещё одной цветовой модели, которая вносится в описание. И это OKLCH
Этот способ определять цвета появился в 2020 году, соответственно, ещё не получил широкого распространения
Ребята из Evilmartians написали статью, в которой по кусочкам разобрали преимущества. Если вкратце:
🟡OKLCH избавляет дизайнеров от необходимости вручную выбирать каждый цвет. Дизайнеры могут задать формулу, выбрать несколько цветов, и палитра будет сгенерирована автоматически
🟡OKLCH можно использовать для цветов с расширенным охватом Р3. Например, новые устройства (например, от Apple) могут отображать больше цветов, чем старые мониторы sRGB, и мы можем использовать OKLCH для определения этих новых цветов
🟡Благодаря предсказуемой лёгкости OKLCH обеспечивает лучшую производительность
Вот ещё несколько ссылок для самостоятельного ознакомления:
📎OKLCH в CSS: почему мы ушли от RGB и HSL
📎OKLCH – лучший формат для цвета в CSS
📎OK, OKLCH: колорпикер, помогающий вдумчиво подходить к выбору цвета
📎OKLCH in CSS: Consistent, accessible color palettes
#дизайнсистемы