Веб-безопасные цвета
Веб-безопасная палитра — это 216 цветов, у которых каждый канал берёт одно из шести значений: 00, 33, 66, 99, CC или FF. Набор появился во времена мониторов с 256 цветами: только эти оттенки одинаково отображались в Windows и Mac без искажения. Мониторов таких давно нет, и как ограничение палитра больше не нужна. Осталась её вторая роль — компактный набор предсказуемых цветов с круглыми кодами, который до сих пор удобен для быстрых прототипов, служебных пометок и заглушек. Ниже вся таблица с кодами HEX и RGB, поиск и подбор ближайшего безопасного цвета к любому вашему.
Ближайший безопасный цвет
—
Все 216 цветов
Выгрузка
Как пользоваться
- Кликом копируется код. Фильтр сверху отбирает по группе цвета.
- Введите свой цвет — покажу ближайший безопасный и расстояние до него.
- Коды показываются в HEX или в RGB.
- Кнопкой выгрузки — переменными CSS или списком кодов.
Частые вопросы
Почему безопасных цветов именно 216
Каждый из трёх каналов принимает шесть значений, шесть в кубе — 216. Остальные 40 из 256 слотов системной палитры занимали цвета операционной системы, разные в Windows и в Mac, поэтому под общий набор их не отдавали.
Нужна ли эта палитра сегодня
Как ограничение — нет. Мониторы с 256 цветами вышли из обращения к середине двухтысячных, современные экраны показывают миллионы оттенков, а часть — расширенный цветовой охват. Практическая польза осталась в другом: коды здесь короткие и запоминаемые, поэтому набор удобен для черновиков, отладочной подсветки блоков и мест, где цвет неважен.
Правда ли, что эти цвета выглядят одинаково везде
Нет, и это распространённое заблуждение. Безопасная палитра гарантировала отсутствие дизеринга при 8-битном экране, но не совпадение цвета: без управления цветом один и тот же код на разных мониторах выглядит по-разному, потому что различаются профиль и охват. Для точного совпадения нужны профили, а не круглые коды.
Что показывает расстояние до ближайшего безопасного цвета
Насколько цвет изменится при округлении к палитре. Считается евклидово расстояние по RGB. Значение до 20 глаз почти не замечает, от 20 до 40 разница видна при сравнении рядом, свыше 40 цвет заметно другой. Максимум для этой сетки — около 44, потому что шаг между соседними значениями канала равен 51.
Почему шаг между значениями 51, а не 50
Потому что шестнадцатеричные 00, 33, 66, 99, CC, FF в десятичной системе дают 0, 51, 102, 153, 204, 255 — ровное деление отрезка 0–255 на пять частей. В hex это выглядит круглее, чем в десятичной записи, и отсюда пошло правило «повторяющиеся пары».
Все ли трёхсимвольные коды безопасны
Да, и это удобный признак. Сокращённая запись вроде #39c разворачивается в #3399cc, то есть каждый канал получает повторяющуюся пару из набора 0, 3, 6, 9, C, F — а это ровно шесть допустимых значений. Любой валидный трёхсимвольный код автоматически веб-безопасен.
Данные куда-то отправляются
Нет, всё считается в браузере.
Похожие инструменты
Число или список до тысячи значений в диапазоне: режим без повторов, сортировка. Отдельно вытягивает жребий из списка имён.
ОткрытьПроверка надёжности пароляСтойкость в битах, время перебора и разбор слабых мест: словарные слова под заменой символов, клавиатурные ряды, годы и повторы.
ОткрытьГенератор паролейПароль длиной до 64 символов с выбором наборов и отсевом похожих знаков. Показывает стойкость в битах и время перебора, делает до 50 паролей пачкой.
ОткрытьКолесо фортуныСлучайный выбор из своего списка: вес секторов пометкой «×3», режим на выбывание и ссылка, по которой открывается то же колесо.
ОткрытьГенератор тестовых данныхПачка вымышленных записей для тестов: ФИО, телефон, ИНН, СНИЛС, ОГРН, счёт и карта — с настоящими контрольными разрядами. Выгрузка в CSV, JSON и SQL.
ОткрытьГенератор CSS-градиентовЛинейный, радиальный и конический градиент с живым предпросмотром. Любое число цветовых точек, угол и позиции, разбор чужого кода обратно в точки.
ОткрытьЕщё инструменты для SEO и маркетинга
Кластеризатор запросов, генераторы sitemap и robots.txt, минус-слова, разметка Schema.org и калькуляторы — в разделе инструментов.