Код 13A2FF — это шестнадцатеричная запись яркого голубого цвета: красный канал занимает значение 13 (19 в десятичной системе), зелёный — A2 (162), синий — FF (255). Почти полностью отсутствующий красный при максимальном синем даёт насыщенный «небесно-электрический» оттенок, который часто встречается в интерфейсах мессенджеров, логотипах и элементах навигации.
Если вы встретили эту запись в макете, CSS-файле или настройках программы и хотите понять, как цвет будет выглядеть на экране, ниже разберём его состав, перевод в другие цветовые модели и практические рекомендации по применению.
Что означает запись 13A2FF
Шестнадцатеричный код цвета состоит из трёх пар символов, каждая из которых описывает интенсивность одного канала: красного, зелёного и синего. Значения варьируются от 00 (канал выключен) до FF (канал на максимуме). В записи 13A2FF доминирует синий канал, а зелёный работает примерно на две трети мощности — именно это смещает оттенок от чистого синего к голубому.
Такая запись используется везде, где цвет задаётся числом: в CSS, графических редакторах, игровых движках, прошивках устройств с экранами и конфигурационных файлах. В CSS цвет записывается с символом решётки: #13A2FF. Сама решётка — лишь синтаксический маркер, она не меняет значение.
13A2FF — это яркий голубой цвет с минимальной долей красного (19), умеренной долей зелёного (162) и максимальным синим каналом (255).
Перевод 13A2FF в RGB и HSL
Для работы в разных инструментах один и тот же цвет удобно представлять в разных моделях. Перевод из HEX в RGB выполняется прямым преобразованием каждой пары из шестнадцатеричной системы в десятичную. Модель HSL (тон, насыщенность, светлота) вычисляется по формулам и удобна, когда нужно быстро получить более светлый или тёмный вариант того же оттенка.
| Модель | Запись | Где применяется |
|---|---|---|
| HEX | #13A2FF | CSS, графические редакторы, конфиги |
| RGB | rgb(19, 162, 255) | CSS, видеомонтаж, экранная графика |
| RGBA | rgba(19, 162, 255, 1) | CSS с прозрачностью |
| HSL | примерно hsl(204°, 100%, 54%) | Подбор оттенков, генерация палитр |
Значение HSL здесь приведено ориентировочно: точные градусы тона зависят от алгоритма округления в конкретном конвертере. Для критичных задач проверяйте результат в инструменте, которым пользуетесь, — например, в пипетке редактора или онлайн-конвертере цветов.
Чтобы получить более тёмный вариант 13A2FF, не трогайте каналы вручную — в HSL просто уменьшите параметр светлоты (L), сохранив тон и насыщенность. Так оттенок останется «тем же» цветом.
Как выглядит цвет на экране и в печати
На мониторе 13A2FF воспринимается как чистый, «звенящий» голубой без примеси фиолетового или бирюзового. Однако реальный вид зависит от калибровки дисплея: на экранах с тёплым профилем цвет уйдёт в бирюзу, на дешёвых матрицах может потерять насыщенность. Если оттенок критичен — например, это фирменный цвет бренда — проверяйте его на нескольких устройствах.
В полиграфии экранные цвета переводятся в модель CMYK, и здесь есть нюанс: яркие «электрические» голубые оттенки часто выходят за пределы печатного охвата и после конвертации становятся тусклее. Точный результат конвертации зависит от цветового профиля типографии, поэтому перед тиражом запрашивайте цветопробу.
⚠️ Внимание: не ориентируйтесь на скриншоты при согласовании фирменного цвета. Скриншот проходит через сжатие, цветовой профиль ОС и настройки вашего экрана — итоговый оттенок может заметно отличаться от исходного #13A2FF. Передавайте именно числовой код.
Сочетания 13A2FF с другими цветами
Голубой с высокой насыщенностью хорошо работает как акцентный цвет, но требует нейтрального фона. Классические пары для него строятся на контрасте по светлоте или на дополнительных оттенках по цветовому кругу.
- 🔵 Белый и светло-серый фон — цвет остаётся читаемым и «воздушным», подходит для кнопок и ссылок.
- 🌑 Тёмно-синий или графитовый фон — создаёт эффект свечения, популярен в тёмных темах интерфейсов.
- 🟠 Оранжевые и коралловые акценты — дополнительный цвет по кругу, даёт энергичный контраст для баннеров.
- ⚪ Градации того же тона (более светлые и тёмные варианты) — монохромная палитра для графиков и иконок.
Чего стоит избегать: соседства с другими кричащими цветами равной насыщенности — например, чистым красным или ярко-зелёным. Такие пары «вибрируют» на границе и утомляют зрение при чтении.
Практическое применение в CSS и редакторах
В веб-вёрстке цвет подключается стандартным свойством. Например, для фона кнопки с полупрозрачным вариантом при наведении:
.button {
background-color: #13A2FF;
}
.button:hover {
background-color: rgba(19, 162, 255, 0.8);
}
В графических редакторах — Photoshop, Figma, GIMP — код вводится в поле HEX палитры цвета. Если поле принимает только три символа (сокращённая запись), учтите: 13A2FF не сокращается, потому что пары символов в нём неодинаковые. Сокращённая форма возможна только для кодов вида #33AAFF → #3AF.
☑️ Проверка перед использованием цвета в макете
Доступность и читаемость текста
Яркий голубой — коварный цвет с точки зрения доступности. Белый текст на фоне #13A2FF имеет недостаточный контраст для мелкого шрифта — такая комбинация подходит разве что для крупных заголовков. Чёрный текст на этом фоне читается заметно лучше.
Проверить контрастность пары «текст — фон» можно любым онлайн-чекером по стандарту WCAG: вводите оба кода и смотрите коэффициент. Если цвет уже утверждён как фирменный, а контраста не хватает, выход — использовать его для графических элементов (иконок, рамок, индикаторов), а текст оставить нейтральным.
⚠️ Внимание: не используйте #13A2FF как единственный способ передачи смысла — например, «ошибки выделены голубым». Для людей с нарушениями цветовосприятия оттенок может сливаться с соседними. Дублируйте цвет иконкой или текстовой подписью.
Почему голубые оттенки так популярны в IT-брендах
Голубой диапазон традиционно ассоциируется с технологичностью, надёжностью и спокойствием. Кроме того, синий канал хорошо различим большинством людей с нарушениями цветовосприятия — в отличие от красно-зелёных пар. Поэтому оттенки вроде 13A2FF массово встречаются в логотипах соцсетей, мессенджеров и облачных сервисов.
Похожие оттенки: как не перепутать
Одна цифра в коде — и цвет заметно меняется. Так, #13A2F0 чуть темнее и спокойнее, а #00A2FF — чище и холоднее за счёт полного отсутствия красного. При копировании кода из макета сверяйте все шесть символов: визуально близкие оттенки на разных экранах могут выглядеть одинаково, но при печати или на проекторе разница проявится.
Если нужно подобрать «тот же цвет, но приглушённее», корректнее снижать насыщенность в HSL, а не уменьшать случайные каналы в HEX — ручная правка отдельных пар почти всегда смещает оттенок в сторону другого цвета.
Частые вопросы о цвете 13A2FF
Что означает код 13A2FF?
Это шестнадцатеричная запись цвета: 13 — красный канал (19), A2 — зелёный (162), FF — синий (255). Результат — яркий голубой оттенок.
Как перевести 13A2FF в RGB?
Каждая пара символов переводится из шестнадцатеричной системы в десятичную: 13 → 19, A2 → 162, FF → 255. Итог: rgb(19, 162, 255).
Подходит ли #13A2FF для текста на белом фоне?
Для крупных заголовков — допустимо, для мелкого основного текста контраста обычно недостаточно. Проверяйте пару в чекере контрастности WCAG перед использованием.
Можно ли записать 13A2FF короче, тремя символами?
Нет. Сокращённая форма возможна только когда в каждой паре символы одинаковые (например, #33AAFF → #3AF). В 13A2FF пары разные.
Почему цвет на печати отличается от экрана?
Экран работает в модели RGB, печать — в CMYK с более узким цветовым охватом. Яркие голубые оттенки при конвертации часто тускнеют. Точный результат зависит от профиля типографии, поэтому перед тиражом заказывайте цветопробу.