Создано 07/28/2025 11:05
Web Component Accessibility Stack
- Contrast Navy#1a1d3f
- Readable White#ffffff
- Flowchart Blue#3a86ff
- Modal Gray#e0e0e0
- Highlight Magenta#ff4ecc
- Interaction Gold#ffd23f
- UI Fog#f9fafb
Палитра содержит темный, светлый цвета. Акцентные цвета Flowchart Blue #3a86ff да Interaction Gold #ffd23f. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.
По светлоте палитра тянется от #1A1D3F (самый тёмный) до #FFFFFF (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
Тёплые и холодные элементы довольно сбалансированы.
HEX-коды (по возрастанию): #1A1D3F, #3A86FF, #E0E0E0, #F9FAFB, #FF4ECC, #FFD23F, #FFFFFF
Палитра Web Component Accessibility Stack содержит комбинацию из 7 кодов цветов:
HEX: #1a1d3f, RGB: (26, 29, 63); HEX: #ffffff, RGB: (255, 255, 255); HEX: #3a86ff, RGB: (58, 134, 255)
HEX: #e0e0e0, RGB: (224, 224, 224); HEX: #ff4ecc, RGB: (255, 78, 204); HEX: #ffd23f, RGB: (255, 210, 63)
HEX: #f9fafb, RGB: (249, 250, 251)
Упрощенная версия цветов палитры
Оттенок midnightblue, Белый, Тень dodgerblue, Тень gainsboro, Оттенок hotpink, Тень gold, Тень whitesmoke
Цветовая схема создана автором bad_colors
Коды цветов в палитре
Web Component Accessibility Stack коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #1a1d3f | #1a1d3f | RGB(26, 29, 63) | Contrast Navy | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Readable White | White |
| #3a86ff | #3a86ff | RGB(58, 134, 255) | Flowchart Blue | — |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | Modal Gray | Gray88 |
| #ff4ecc | #ff4ecc | RGB(255, 78, 204) | Highlight Magenta | — |
| #ffd23f | #ffd23f | RGB(255, 210, 63) | Interaction Gold | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | UI Fog | — |
Контраст палитры цветов
7 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#ffffff | #e0e0e0 | 1.32 |
#ffffff | #ffd23f | 1.44 |
#ffffff | #f9fafb | 1.04 |
#3a86ff | #ff4ecc | 1.19 |
#e0e0e0 | #ffd23f | 1.09 |
#e0e0e0 | #f9fafb | 1.26 |
Изображение палитры Web Component Accessibility Stack png
Экспорт палитры
Скачайте "Web Component Accessibility Stack" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: