Створено 08/24/2025 17:28
Accessible Flowchart Mobile UI System
- Canvas White#ffffff
- Adaptive Blue#2196f3
- Journey Green#81c784
- Highlight Coral#ff6f61
- Overlay Indigo#5c6bc0
- Focus Black#000000
Палітра містить світлий, темний кольори. Акцентні кольори Adaptive Blue #2196f3 та Highlight Coral #ff6f61. Палітра має температуру кольорів Нейтральний, Холодний, Теплий.
За світлістю палітра сягає від #000000 (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #000000, #2196F3, #5C6BC0, #81C784, #FF6F61, #FFFFFF
Палітра Accessible Flowchart Mobile UI System містить комбінацію з 6 кодів кольорів :
HEX: #ffffff, RGB: (255, 255, 255); HEX: #2196f3, RGB: (33, 150, 243); HEX: #81c784, RGB: (129, 199, 132)
HEX: #ff6f61, RGB: (255, 111, 97); HEX: #5c6bc0, RGB: (92, 107, 192); HEX: #000000, RGB: (0, 0, 0)
Спрощений варіант палітри кольорів
Білий, Відтінок dodgerblue, Відтінок darkseagreen, Відтінок salmon, Відтінок royalblue, Чорний
Кольорова схема створена автором bad_colors
Коди кольорів у палітрі
Accessible Flowchart Mobile UI System коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #ffffff | #ffffff | RGB(255, 255, 255) | Canvas White | White |
| #2196f3 | #2196f3 | RGB(33, 150, 243) | Adaptive Blue | — |
| #81c784 | #81c784 | RGB(129, 199, 132) | Journey Green | — |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Highlight Coral | Living Coral |
| #5c6bc0 | #5c6bc0 | RGB(92, 107, 192) | Overlay Indigo | — |
| #000000 | #000000 | RGB(0, 0, 0) | Focus Black | Black |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#2196f3 | #81c784 | 1.55 |
#2196f3 | #ff6f61 | 1.14 |
#2196f3 | #5c6bc0 | 1.55 |
#81c784 | #ff6f61 | 1.35 |
#ff6f61 | #5c6bc0 | 1.78 |
Зображення палітри Accessible Flowchart Mobile UI System png
Експортувати палітру
Завантажте "Accessible Flowchart Mobile UI System" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: