Web UI Accessibility Tokens
- Readable Navy#1f2937
- Label White#ffffff
- Focus Aqua#22d3ee
- Error Red#ef4444
- Active Lavender#ddd6fe
- Support Grey#d1d5db
Создано 06/14/2025 19:44
Палитра содержит темный, светлый цвета. Акцентные цвета Focus Aqua #22d3ee и Active Lavender #ddd6fe. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.
По светлоте палитра тянется от #1F2937 (самый тёмный) до #FFFFFF (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — 3 приглушённых и 3 ярких из 6 цветов.
Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.
В целом температура смещена в сторону холодного (4 из 6).
HEX-коды (по возрастанию): #1F2937, #22D3EE, #D1D5DB, #DDD6FE, #EF4444, #FFFFFF
Палитра Web UI Accessibility Tokens содержит комбинацию из 6 кодов цветов:
HEX: #1f2937, RGB: (31, 41, 55); HEX: #ffffff, RGB: (255, 255, 255); HEX: #22d3ee, RGB: (34, 211, 238)
HEX: #ef4444, RGB: (239, 68, 68); HEX: #ddd6fe, RGB: (221, 214, 254); HEX: #d1d5db, RGB: (209, 213, 219)
Упрощенная версия цветов палитры
Светлый оттенок Черный, Белый, Светлый оттенок Тёмно-бирюзовый, Тёмный оттенок Индийский красный, Тёмный оттенок Лавандовый, Светлый оттенок Светло-серый
Цветовая схема создана автором colorslib
Коды цветов в палитре
Web UI Accessibility Tokens коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Readable Navy | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Label White | White |
| #22d3ee | #22d3ee | RGB(34, 211, 238) | Focus Aqua | — |
| #ef4444 | #ef4444 | RGB(239, 68, 68) | Error Red | — |
| #ddd6fe | #ddd6fe | RGB(221, 214, 254) | Active Lavender | — |
| #d1d5db | #d1d5db | RGB(209, 213, 219) | Support Grey | — |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#ffffff | #22d3ee | 1.8 |
#ffffff | #ddd6fe | 1.38 |
#ffffff | #d1d5db | 1.47 |
#22d3ee | #ddd6fe | 1.3 |
#22d3ee | #d1d5db | 1.22 |
#ddd6fe | #d1d5db | 1.06 |
Палитра из изображения Web UI Accessibility Tokens png
Экспорт палитры
Скачайте "Web UI Accessibility Tokens" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: