Открыть сервис

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% яркости канала.

Таблица базовых цветов

ЗначениеДесятичноеПроцент
0000%
335120%
6610240%
9915360%
CC20480%
FF255100%

Особенности

  • В палитру не входят цвета с «нестандартными» значениями каналов, например, чистый серый #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-х годов актуальность палитры стала снижаться по нескольким причинам:

  1. Распространение 24-битных дисплеев. К 2005 году подавляющее большинство мониторов и видеокарт поддерживали True Color, что сделало ограничение в 216 цветов неактуальным.
  2. Отказ от 8-битных видеорежимов. Современные операционные системы используют 32-битную глубину цвета, а системные палитры стали полностью стандартизированы.
  3. Развитие CSS. Появление возможностей CSS (например, rgba(), hsl()) позволило задавать любые цвета без ограничений.
  4. Калибровка мониторов. Современные устройства отображают цвета с разной гаммой и цветовым охватом, поэтому даже «безопасные» цвета выглядят по-разному на разных экранах.

Критики отмечают, что палитра была компромиссом, основанным на технических ограничениях, а не на эстетических соображениях. Цвета в ней часто выглядят «грязными» или перенасыщенными по сравнению с полноцветными аналогами. Кроме того, сама предпосылка о гарантированной идентичности отображения была неточной: даже в 1990-е годы настройки яркости и контрастности мониторов различались, что приводило к видимым отклонениям.

Современное состояние

В настоящее время Web Safe Colors практически не используется в практической веб-разработке. Термин сохранился в историческом контексте и в учебных материалах по истории веб-дизайна. Некоторые старые руководства по созданию HTML-писем для почтовых клиентов (например, Microsoft Outlook) до сих пор рекомендуют использовать ограниченную палитру из-за слабой поддержки CSS в этих программах, однако это скорее исключение, чем правило.

Современные инструменты разработки, такие как CSS-препроцессоры и дизайн-системы, не содержат встроенной поддержки «безопасных» цветов. Вместо этого используются палитры, основанные на цветовых пространствах HSL, LAB и OKLCH, которые обеспечивают лучшую предсказуемость на разных устройствах.

Источники

BFOmetr — база данных и аналитика по компаниям России.

На главную BFOmetr →