🎨 Сервис для цветовых шкал Сейчас работаю с одной компанией над стайлгайдом для дашбордов и нашёл классный сервис для создания категориальных цветовых палитр. Делюсь им и рассказываю в целом про то, как собираю цветовые палитры сам. По-сути для создания категориальной шкалы важно помнить, что цвет — это вектор в цветовом пространстве (мне понятнее всего HSL). Чтобы цвета хорошо читались — они должны отличаться друг от друга, что математически равно расстоянию между векторами. Тогда задача составления палитры сильно упрощается — мы берём какой-то один или два цвета за основу (например фирменные, если они только не красные/зелёные/серые/черные), смотрим сколько мы хотим иметь в палитре цветов (обычно 6-8) и дальше просто на максимальном равном расстояние расставляем друг от друга цвета в цветовом пространстве и всё! И вот я нашёл сервис который делает именно это. Вы выбираете кол-во цветов, какие оттенки в цветовом круге вам подходят, диапазон яркости, какие цвета взять за стартовые точки и четыре параметра «отличительности»: — Perceptual Distance: как раз то самое расстояние между векторами для различия человеческим глазом. — Name Difference: учитывает языковые различия (напр., «красный» и «розовый» близки по восприятию, но по-разному называются). — Pair Preference: поощряет сочетания, которые в среднем эстетически приятнее сочетаются вместе. — Name Uniqueness: отдаёт приоритет однозначно называемым цветам (например, красный), игнорируя труднее именуемые (аля фукси). Правда если выкрутить все ползунки на максимум ничего хорошего не получиться 🤪 Конечно скорее всего надо будет ещё посидеть с результатом и что-то поправить руками: учесть как хотим показывать падение/рост или плохое/хорошее, проверить шкалу на восприятие для людей с дальтонизмом и другими особенностями, подумать нет ли конфликтов с привычками людей в компании и т.п. Но как стартовая точка — отличная экономия времени и понятный алгоритм подбора цветов, пользуйтесь! 👉 http://vrl-v2.cs.brown.edu/color 👈 #ссылка