Створено 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" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: