Accessible Design Sprint UI
- Sticky Note Yellow#ffe066
- Empathy Map Blue#009ddc
- Problem Space Plum#6a0572
- Ideation Coral#f76c5e
- Prototype Ivory#fff5ec
- Feedback Grey#cccccc
Створено 07/11/2025 10:12
Палітра містить світлий, темний кольори. Акцентні кольори Empathy Map Blue #009ddc та Prototype Ivory #fff5ec. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.
За світлістю палітра сягає від #6A0572 (найтемніший) до #FFF5EC (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома) — 83% кольорів яскраві.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Теплі й холодні зразки доволі збалансовані (2 теплих, 2 холодних).
HEX-коди (відсортовано): #009DDC, #6A0572, #CCCCCC, #F76C5E, #FFE066, #FFF5EC
Палітра Accessible Design Sprint UI містить комбінацію з 6 кодів кольорів :
HEX: #ffe066, RGB: (255, 224, 102); HEX: #009ddc, RGB: (0, 157, 220); HEX: #6a0572, RGB: (106, 5, 114)
HEX: #f76c5e, RGB: (247, 108, 94); HEX: #fff5ec, RGB: (255, 245, 236); HEX: #cccccc, RGB: (204, 204, 204)
Спрощений варіант палітри кольорів
Світлий відтінок Золотий, Темний відтінок Захисно-синій, Темний відтінок Фіолетовий, Темний відтінок Лососевий, Темний відтінок Морська мушля, Темний відтінок Світло-сірий
Кольорова схема створена автором colorday
Коди кольорів у палітрі
Accessible Design Sprint UI коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Sticky Note Yellow | — |
| #009ddc | #009ddc | RGB(0, 157, 220) | Empathy Map Blue | — |
| #6a0572 | #6a0572 | RGB(106, 5, 114) | Problem Space Plum | — |
| #f76c5e | #f76c5e | RGB(247, 108, 94) | Ideation Coral | — |
| #fff5ec | #fff5ec | RGB(255, 245, 236) | Prototype Ivory | — |
| #cccccc | #cccccc | RGB(204, 204, 204) | Feedback Grey | Cerebral Grey |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#ffe066 | #fff5ec | 1.21 |
#ffe066 | #cccccc | 1.23 |
#009ddc | #f76c5e | 1.05 |
#009ddc | #cccccc | 1.9 |
#f76c5e | #cccccc | 1.8 |
#fff5ec | #cccccc | 1.49 |
Палітра із зображення Accessible Design Sprint UI png
Експортувати палітру
Завантажте "Accessible Design Sprint UI" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: