Палитра Редакционный · Тёмный · #0071D2
Палитра из 6 цветов в режиме Тёмный с гармонией Комплементарная, построенная от #0071D2. Её реальные образцы: #0071D2 · #FF8E2D · #C7E0F5 · #002B50 · #101115 · #F5F3EC. Измеренный контраст переднего плана #F5F3EC на фоне #101115 составляет 16,99:1.
Рецепт на виду.
- Исходный цвет
- #0071D2 ↗
- Версия движка
- 1.0.0-colorjs-0.7.1
- Детерминированное зерно
- 29138
- Цветовое пространство
- Непрозрачный sRGB
Отправная точка, которую можно изменить.
Светлый тон смешан с 78% белого, а тёмный — с 62% чёрного по каналам sRGB с однократным округлением до 8 бит. Эти веса не описывают воспринимаемую светлоту. Акцент дополняет каждый канал RGB до максимального значения.
Порядок соответствует семантическим ролям, показанным ниже. Сравните каждый образец с предполагаемым фоном: измерение переднего плана и фона не подтверждает все пары. При открытии сохраняются блокировки ролей и точные цвета.
Открытие выпуска восстанавливает точный проект. Меняйте палитру, сцены или используйте цвета в другом инструменте: все результаты останутся согласованными.
Контраст переднего плана и фона — 16,99:1. Это проверка одной пары, а не полная оценка WCAG.
Коды, роли и контраст текста.
| Роль | Паспорт цвета | Чёрный текст | Белый текст |
|---|---|---|---|
| Исходный | #0071D2 ↗ | 4,29:1 · AA обычный: не соответствует | 4,89:1 · AA обычный: соответствует |
| Акцент | #FF8E2D ↗ | 9,16:1 · AA обычный: соответствует | 2,29:1 · AA обычный: не соответствует |
| Светлый оттенок | #C7E0F5 ↗ | 15,41:1 · AA обычный: соответствует | 1,36:1 · AA обычный: не соответствует |
| Тёмный оттенок | #002B50 ↗ | 1,46:1 · AA обычный: не соответствует | 14,37:1 · AA обычный: соответствует |
| Фон | #101115 ↗ | 1,11:1 · AA обычный: не соответствует | 18,87:1 · AA обычный: соответствует |
| Передний план | #F5F3EC ↗ | 18,91:1 · AA обычный: соответствует | 1,11:1 · AA обычный: не соответствует |
:root {
--seed: #0071d2;
--accent: #ff8e2d;
--tint: #c7e0f5;
--shade: #002b50;
--background: #101115;
--foreground: #f5f3ec;
}