Комментарии 6
Следующая наша проблема это воспроизведение цветов на разных мониторах или устройствах. Ни для кого из дизайнеров не секрет, что если посмотреть один и тот же интерфейс на экранах IPS или OLED с заводскими настройками, визуально они будут разительно отличаться. Для того чтобы по возможности избежать такой проблемы есть Web Safe или Browser Safe цвета.
Это “безопасная” палитра, состоящая из 216 оттенков, которые отображаются максимально точно независимо от монитора или выбранного браузера.
Вот и сформировалась новая мифология. Web safe цвета не имеют никакого отношения к мониторам или матрицам. Это понятие из 90-х годов, когда были распространены видеокарты, работающие в палитровом режиме на 256 цветов. Всё что не входило в палитру, принудительно подгонялось к ней, бывало что с искажениями. А безопасные цвета выглядели одинаково в любой ОС.
Примерно к середине нулевых даже самые дешевые видеокарты уже работали в RGB-режиме и безопасные цвета потеряли актуальность. Уже ~20 лет, как нужно о них забыть. Мне даже интересно – где вы раскопали эту чудесную теорию про связь безопасных цветов с оледами?
Не соглашусь, у каждого монитора различные показатели Delta E по отношению к sRGB и для человеческого глаза цвет с одним и тем же кодом на разных мониторах может выглядеть по разному, (у OLED обычно эта дельта меньше и соответственно цвета будут ближе к стандартам того же AdobeRGB например). WebSafe цвета в меньшей степени зависимы от различий экранов.
Более того речь шла непосредственно про заводские настройки мониторов, конечно можно донастроить цветовое отображение так, чтобы различий почти не было, но такими настройками мало кто занимается.
Как подготовить палитру для других описательных элементов, например сетка или текст? Или их по умолчанию стоит делать нейтральными?
Обычно цвет текста и линий выбирается сильно раньше проработки палитры для визуализации, в процессе разработки дизайн-системы или ui-kit. И для различных графиков менять цвет и шрифт текста по сравнению с остальной системой лучше не стоит. Так элементы визуализации будут выглядеть инородно в системе.
Если же это продуктовая задача и цвета подбираются исключительно под визуализацию в отрыве от конкретного продукта, то главным критерием является контрастность по отношению к фону и к отображаемым данным, обычно лучше всего подходят черные-серые цвета.
https://github.com/NickyX3/ColorTools
Я себе делал генератор наборов цветов как-то давно
Подбор цветов для палитры визуализации данных