Web Safe Colors¶
Web Safe Colors — это палитра из 216 цветов, которые в конце 1990-х — начале 2000-х годов считались гарантированно одинаково отображаемыми на любых компьютерных мониторах и в любых веб-браузерах того времени, независимо от их аппаратной платформы и операционной системы. Формально термин относится к цветовому пространству sRGB и определяется как набор цветов, у которых каждая из трёх составляющих (красная, зелёная, синяя) принимает одно из шести допустимых значений: 00, 33, 66, 99, CC, FF (в шестнадцатеричной записи). Таким образом, общее количество комбинаций составляет 6 × 6 × 6 = 216.
¶История возникновения
Палитра появилась в раннюю эпоху развития Всемирной паутины, когда большинство пользователей выходили в интернет через модемные соединения, а видеокарты и мониторы поддерживали ограниченное количество цветов. В 1995—1996 годах, когда браузеры Netscape Navigator и Internet Explorer конкурировали за рынок, разработчики столкнулись с проблемой: 8-битные видеорежимы (256 цветов) были стандартом де-факто, но операционные системы Windows и macOS использовали разные фиксированные наборы из 256 цветов, которые лишь частично совпадали.
Идея «безопасных» цветов приписывается разработчикам компании Netscape, которые предложили использовать только те 216 цветов, которые присутствовали в системных палитрах и Windows, и macOS одновременно. Оставшиеся 40 цветов из 256 занимали системные цвета интерфейса (например, чёрный и белый в некоторых системах могли отличаться оттенком). Использование этой палитры гарантировало, что изображение не будет подвергнуто алгоритмическому дизерингу (смешиванию пикселей) при отображении на 8-битном мониторе, что позволяло сохранить чёткость графики и читаемость текста.
¶Технические характеристики
¶Математическая структура
Каждый безопасный цвет задаётся тройкой шестнадцатеричных чисел, где каждое число кратно 0x33 (51 в десятичной системе). Шкала значений: 0, 51, 102, 153, 204, 255. В процентном отношении к максимальному значению (255) это соответствует 0%, 20%, 40%, 60%, 80% и 100% яркости канала.
¶Таблица базовых цветов
| Значение | Десятичное | Процент |
|---|---|---|
| 00 | 0 | 0% |
| 33 | 51 | 20% |
| 66 | 102 | 40% |
| 99 | 153 | 60% |
| CC | 204 | 80% |
| FF | 255 | 100% |
¶Особенности
- В палитру не входят цвета с «нестандартными» значениями каналов, например, чистый серый #808080 (128,128,128) не является безопасным, так как 128 не кратно 51.
- Все 216 цветов являются подмножеством 16,7 миллионов цветов True Color (24-битная глубина).
- Палитра включает 6 оттенков серого, где все три канала равны (00, 33, 66, 99, CC, FF).
¶Применение в веб-дизайне
В период с 1996 по 2005 год использование Web Safe Colors было обязательным требованием для профессиональных веб-дизайнеров. Палитра применялась:
- при создании фоновых заливок и рамок таблиц (вёрстка на таблицах была основным методом);
- для подбора цветов текста и ссылок;
- при подготовке изображений в форматах GIF и PNG-8, которые поддерживали индексированные палитры;
- для создания «безопасных» градиентов, которые не давали видимых полос при 8-битном отображении.
Графические редакторы, такие как Adobe Photoshop и Fireworks, включали специальные переключатели (Snap to Web Colors), позволявшие ограничить выбор цвета только безопасной палитрой. В HTML-редакторах того времени также существовали предустановленные списки безопасных цветов для атрибутов bgcolor, text, link.
¶Критика и устаревание
Начиная с середины 2000-х годов актуальность палитры стала снижаться по нескольким причинам:
- Распространение 24-битных дисплеев. К 2005 году подавляющее большинство мониторов и видеокарт поддерживали True Color, что сделало ограничение в 216 цветов неактуальным.
- Отказ от 8-битных видеорежимов. Современные операционные системы используют 32-битную глубину цвета, а системные палитры стали полностью стандартизированы.
- Развитие CSS. Появление возможностей CSS (например,
rgba(),hsl()) позволило задавать любые цвета без ограничений. - Калибровка мониторов. Современные устройства отображают цвета с разной гаммой и цветовым охватом, поэтому даже «безопасные» цвета выглядят по-разному на разных экранах.
Критики отмечают, что палитра была компромиссом, основанным на технических ограничениях, а не на эстетических соображениях. Цвета в ней часто выглядят «грязными» или перенасыщенными по сравнению с полноцветными аналогами. Кроме того, сама предпосылка о гарантированной идентичности отображения была неточной: даже в 1990-е годы настройки яркости и контрастности мониторов различались, что приводило к видимым отклонениям.
¶Современное состояние
В настоящее время Web Safe Colors практически не используется в практической веб-разработке. Термин сохранился в историческом контексте и в учебных материалах по истории веб-дизайна. Некоторые старые руководства по созданию HTML-писем для почтовых клиентов (например, Microsoft Outlook) до сих пор рекомендуют использовать ограниченную палитру из-за слабой поддержки CSS в этих программах, однако это скорее исключение, чем правило.
Современные инструменты разработки, такие как CSS-препроцессоры и дизайн-системы, не содержат встроенной поддержки «безопасных» цветов. Вместо этого используются палитры, основанные на цветовых пространствах HSL, LAB и OKLCH, которые обеспечивают лучшую предсказуемость на разных устройствах.
¶Источники
- Всемирный консорциум W3C, спецификация HTML 3.2 (1997), раздел о цветах.
- Документация Netscape Communications Corporation по «безопасной» палитре (1996).
- Книга «Designing Web Graphics» (Линда Вайнман, 1996), глава о цветовых палитрах.
- Материалы курса «История веб-дизайна» (Эрик Мейер, 2004).
BFOmetr — база данных и аналитика по компаниям России.
На главную BFOmetr →


