Створено 07/11/2025 21:19
Accessible Mobile App Onboarding UI
- Step Blush#fec8d8
- Text Contrast Navy#1e3a8a
- Page Cream#fdf6ec
- Button Cyan#00b4d8
- Hint Grey#dadada
- Highlight Yellow#ffd166
- Completion Slate#6c757d
Палітра містить світлий кольори. Акцентні кольори Button Cyan #00b4d8 та Highlight Yellow #ffd166. Палітра має температуру кольорів Нейтральний, Холодний, Теплий.
За світлістю палітра сягає від #1E3A8A (найтемніший) до #FDF6EC (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #00B4D8, #1E3A8A, #6C757D, #DADADA, #FDF6EC, #FEC8D8, #FFD166
Палітра Accessible Mobile App Onboarding UI містить комбінацію з 7 кодів кольорів :
HEX: #fec8d8, RGB: (254, 200, 216); HEX: #1e3a8a, RGB: (30, 58, 138); HEX: #fdf6ec, RGB: (253, 246, 236)
HEX: #00b4d8, RGB: (0, 180, 216); HEX: #dadada, RGB: (218, 218, 218); HEX: #ffd166, RGB: (255, 209, 102)
HEX: #6c757d, RGB: (108, 117, 125)
Спрощений варіант палітри кольорів
Відтінок Рожевий, Відтінок darkslateblue, Відтінок floralwhite, Відтінок deepskyblue, Відтінок gainsboro, Відтінок gold, Відтінок slategrey
Кольорова схема створена автором hex
Коди кольорів у палітрі
Accessible Mobile App Onboarding UI коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #fec8d8 | #fec8d8 | RGB(254, 200, 216) | Step Blush | — |
| #1e3a8a | #1e3a8a | RGB(30, 58, 138) | Text Contrast Navy | — |
| #fdf6ec | #fdf6ec | RGB(253, 246, 236) | Page Cream | — |
| #00b4d8 | #00b4d8 | RGB(0, 180, 216) | Button Cyan | — |
| #dadada | #dadada | RGB(218, 218, 218) | Hint Grey | — |
| #ffd166 | #ffd166 | RGB(255, 209, 102) | Highlight Yellow | — |
| #6c757d | #6c757d | RGB(108, 117, 125) | Completion Slate | Pompeii Ash |
Контраст палітри кольорів
10 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#fec8d8 | #fdf6ec | 1.35 |
#fec8d8 | #00b4d8 | 1.69 |
#fec8d8 | #dadada | 1.03 |
#fec8d8 | #ffd166 | 1 |
#fdf6ec | #dadada | 1.3 |
#fdf6ec | #ffd166 | 1.34 |
Зображення палітри Accessible Mobile App Onboarding UI png
Експортувати палітру
Завантажте "Accessible Mobile App Onboarding UI" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: