Безопасная палитра web (web-safety colors)

Что такое безопасная палитра, и почему она безопасная? Ответ на этот вопрос — в этом материале.



Корни вопроса уходят в те времена, когда очень много устройств отображения поддерживали лишь 256 цветов. В этом случае для отображения остальных цветов применялся приём «dithering» (дизеринг), суть которого в следующем.Представьте, что у вас есть принтер, который печатает только чёрным цветом без оттенков (как матричный). Можем ли мы получить полутон? Можем! За счёт разной плотности размещения точек.Если этих точек очень много, они очень мелкие (и цветные ;)) и мы находимся достаточно далеко, то изображение будет смотреться достаточно естественно.Но всё же при ближайшем рассмотрении оно будет очень неравномерным, и … грязным. Посмотрите на эти изображения. Слева исходное, а справа — с дизерингом:

Чтобы выйти из этого положения, нужно использовать только те цвета, которые отображаются одинаково «чисто» (без дизеринга) на всех мониторах, поддерживающих 256 цветов и более.Вот эти цвета и называются безопасными (web-safety). Все цвета задаются в цветовой модели RGB и в цветовом пространстве sRGB (standart RGB).А принцип их формирования простой: каждый цветовой канал должен содержать ТОЛЬКО следующие компоненты:
00,33,66,99,CC,FF

То есть цвета #003366, #6699cc, #cc00cc, #33ff00 будут безопасными
А цвета #036666, #606060, #699669 — не будут.
Всего цветов 216 (6³=216)

Вот как выглядет палитра безопасных цветов: