Створено 09/03/2025 14:20
UI Accessibility Story Mapping Grid
- Contrast Aqua#00bfa6
- Persona Peach#ffb997
- Flow Yellow#ffdd00
- Guidebook Gray#dfe0e2
- Inclusive Indigo#5a5a9c
- Canvas White#ffffff
- Marker Black#151515
Палітра містить світлий, напівтемний, темний кольори. Акцентні кольори Contrast Aqua #00bfa6 та Flow Yellow #ffdd00. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #151515 (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається переважно приглушеною (низька хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Теплі й холодні зразки доволі збалансовані.
HEX-коди (відсортовано): #00BFA6, #151515, #5A5A9C, #DFE0E2, #FFB997, #FFDD00, #FFFFFF
Палітра UI Accessibility Story Mapping Grid містить комбінацію з 7 кодів кольорів :
HEX: #00bfa6, RGB: (0, 191, 166); HEX: #ffb997, RGB: (255, 185, 151); HEX: #ffdd00, RGB: (255, 221, 0)
HEX: #dfe0e2, RGB: (223, 224, 226); HEX: #5a5a9c, RGB: (90, 90, 156); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #151515, RGB: (21, 21, 21)
Спрощений варіант палітри кольорів
Відтінок lightseagreen, Відтінок lightsalmon, Відтінок gold, Відтінок gainsboro, Відтінок slateblue, Білий, Відтінок Чорний
Кольорова схема створена автором palettespicker
Коди кольорів у палітрі
UI Accessibility Story Mapping Grid коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #00bfa6 | #00bfa6 | RGB(0, 191, 166) | Contrast Aqua | — |
| #ffb997 | #ffb997 | RGB(255, 185, 151) | Persona Peach | — |
| #ffdd00 | #ffdd00 | RGB(255, 221, 0) | Flow Yellow | Super Saiyan |
| #dfe0e2 | #dfe0e2 | RGB(223, 224, 226) | Guidebook Gray | — |
| #5a5a9c | #5a5a9c | RGB(90, 90, 156) | Inclusive Indigo | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Canvas White | White |
| #151515 | #151515 | RGB(21, 21, 21) | Marker Black | Matt Black |
Контраст палітри кольорів
9 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#00bfa6 | #ffb997 | 1.4 |
#00bfa6 | #ffdd00 | 1.73 |
#00bfa6 | #dfe0e2 | 1.76 |
#ffb997 | #ffdd00 | 1.23 |
#ffb997 | #dfe0e2 | 1.25 |
#ffb997 | #ffffff | 1.66 |
Зображення палітри UI Accessibility Story Mapping Grid png
Експортувати палітру
Завантажте "UI Accessibility Story Mapping Grid" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: