Справочник системных цветов iOS

• Полный справочник системных цветов iOS 18: просмотрите все системные цвета iOS, определённые в Руководстве Apple по интерфейсам человека — 13 семантических системных цветов (синий, красный, зелёный, оранжевый, жёлтый, розовый, фиолетовый, индиго, бирюзовый, мятный, голубой, коричневый и серый с 6 вариантами серого), 5 уровней акцента текста и подписей, 4 уровня непрозрачности заливки, 6 вариантов фона, 2 стиля разделителей и цвета ссылок и акцентов.
• Значения для светлой и тёмной темы рядом: каждый цвет включает значения HEX и RGB как для светлой, так и для тёмной темы. Переключатель светлой и тёмной темы мгновенно меняет отображение, позволяя увидеть, как цвета адаптируются между оформлениями. Мини-образцы показывают оба варианта сразу для удобного сравнения.
• Поиск и фильтр по категориям: быстро находите любой системный цвет iOS по названию, значению HEX или категории. Фильтруйте по 6 категориям — системные цвета, текст и подписи, цвета заливки, цвета фона, цвета разделителей и цвета ссылок и акцентов. Копируйте HEX или RGB в один щелчок.
• Копирование HEX и RGB в один щелчок: на каждой карточке цвета есть кнопки копирования значений HEX и RGB. Скопированное значение соответствует текущему выбранному режиму темы (светлому или тёмному), поэтому вы всегда получаете правильное значение для своего дизайна.

Системные цвета iOS — это набор предопределённых семантических цветов, описанных в Руководстве Apple по интерфейсам человека (HIG). Они обеспечивают единый визуальный язык во всех приложениях iOS и рассчитаны на безупречную работу как в светлой, так и в тёмной теме. Вместо произвольных значений цвета для элементов интерфейса Apple рекомендует использовать системные цвета: они автоматически подстраиваются под настройки доступности пользователя (например, «Увеличить контрастность» и «Уменьшить прозрачность») и обеспечивают нативный внешний вид и ощущение.

Системные цвета iOS организованы в несколько функциональных групп, каждая из которых выполняет определённую задачу в иерархии интерфейса:

• Системные цвета — 13 семантических цветов (красный, оранжевый, жёлтый, зелёный, мятный, бирюзовый, голубой, синий, индиго, фиолетовый, розовый, коричневый, серый) плюс 6 вариантов шкалы серого. Они используются для конкретных смыслов: красный для деструктивных действий, зелёный для успеха, синий для основных действий.
• Цвета подписей — основная, вторичная, третичная и четвёртая подписи, задающие чёткую иерархию текста. Основная подпись почти чёрная/белая для заголовков, а третичная и четвёртая постепенно прозрачнее для менее акцентного содержимого.
• Цвета заливки — четыре цвета заливки с разной непрозрачностью (от системной до четвёртой) для разной толщины элементов интерфейса. Более светлые заливки — для тонких элементов вроде дорожек ползунков, более плотные — для крупных областей фона.
• Цвета фона — системные и групповые цвета фона с основным, вторичным и третичным вариантами. Они создают визуальную иерархию за счёт глубины поверхностей.

У каждого системного цвета iOS есть отдельные значения для светлой и тёмной темы. Система автоматически переключается между этими значениями в зависимости от настройки оформления пользователя или текущего освещения. Например, подпись — чисто чёрная (#000000) в светлой теме для максимального контраста на белом фоне и чисто белая (#ffffff) в тёмной теме для оптимальной читаемости на тёмных поверхностях. Некоторые цвета, например системный серый (#8e8e93), остаются одинаковыми в обеих темах ради единообразия. Наш справочник позволяет переключаться между светлой и тёмной темой, чтобы увидеть, как адаптируется каждый цвет.

Apple проектирует все системные цвета HIG так, чтобы они соответствовали требованиям контраста WCAG 2.1 AA при использовании по рекомендациям. Четырёхуровневая система непрозрачности подписей (основная → четвёртая) гарантирует, что более важный текст имеет более высокий контраст. Системные цвета также работают с функциями доступности, такими как «Увеличить контрастность» (корректирует значения системных цветов для ещё большей различимости) и «Уменьшить прозрачность» (влияет на отображение цветов заливки и разделителей). Создавая приложения для iOS, всегда предпочитайте системные цвета с семантическим смыслом (например, UIColor.systemRed для деструктивных действий) произвольным значениям цвета — они гарантируют, что приложение корректно адаптируется ко всем настройкам доступности и будущим обновлениям iOS.