Створено 08/21/2025 11:56
System Design Accessibility Matrix
- Diagram Navy#283593
- Schema Aqua#00acc1
- Entity Coral#f06292
- Wire Beige#fff9c4
- Node Black#202020
- Interaction Mint#a5d6a7
Палітра містить світлий, темний кольори. Акцентні кольори Schema Aqua #00acc1 та Wire Beige #fff9c4. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #202020 (найтемніший) до #FFF9C4 (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Теплі й холодні зразки доволі збалансовані.
HEX-коди (відсортовано): #00ACC1, #202020, #283593, #A5D6A7, #F06292, #FFF9C4
Палітра System Design Accessibility Matrix містить комбінацію з 6 кодів кольорів :
HEX: #283593, RGB: (40, 53, 147); HEX: #00acc1, RGB: (0, 172, 193); HEX: #f06292, RGB: (240, 98, 146)
HEX: #fff9c4, RGB: (255, 249, 196); HEX: #202020, RGB: (32, 32, 32); HEX: #a5d6a7, RGB: (165, 214, 167)
Спрощений варіант палітри кольорів
Відтінок darkslateblue, Відтінок cadetblue, Відтінок palevioletred, Відтінок lemonchiffon, Відтінок Чорний, Відтінок darkseagreen
Кольорова схема створена автором colorslib
Коди кольорів у палітрі
System Design Accessibility Matrix коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #283593 | #283593 | RGB(40, 53, 147) | Diagram Navy | — |
| #00acc1 | #00acc1 | RGB(0, 172, 193) | Schema Aqua | — |
| #f06292 | #f06292 | RGB(240, 98, 146) | Entity Coral | — |
| #fff9c4 | #fff9c4 | RGB(255, 249, 196) | Wire Beige | — |
| #202020 | #202020 | RGB(32, 32, 32) | Node Black | — |
| #a5d6a7 | #a5d6a7 | RGB(165, 214, 167) | Interaction Mint | — |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#283593 | #202020 | 1.56 |
#00acc1 | #f06292 | 1.11 |
#00acc1 | #a5d6a7 | 1.66 |
#f06292 | #a5d6a7 | 1.86 |
#fff9c4 | #a5d6a7 | 1.53 |
Зображення палітри System Design Accessibility Matrix png
Експортувати палітру
Завантажте "System Design Accessibility Matrix" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: