Створено 06/16/2025 20:09
Mobile First Accessibility Kit
- Readability Navy#1d2545
- Tap Yellow#fff176
- Focus Ring Aqua#38f3e2
- Content Vanilla#fdf4e3
- Contrast Coral#fa7268
- Clear Text Gray#3b3b3b
Палітра містить темний, світлий кольори. Акцентні кольори Tap Yellow #fff176 та Focus Ring Aqua #38f3e2. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #1D2545 (найтемніший) до #FDF4E3 (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Теплі й холодні зразки доволі збалансовані.
HEX-коди (відсортовано): #1D2545, #38F3E2, #3B3B3B, #FA7268, #FDF4E3, #FFF176
Палітра Mobile First Accessibility Kit містить комбінацію з 6 кодів кольорів :
HEX: #1d2545, RGB: (29, 37, 69); HEX: #fff176, RGB: (255, 241, 118); HEX: #38f3e2, RGB: (56, 243, 226)
HEX: #fdf4e3, RGB: (253, 244, 227); HEX: #fa7268, RGB: (250, 114, 104); HEX: #3b3b3b, RGB: (59, 59, 59)
Спрощений варіант палітри кольорів
Відтінок midnightblue, Відтінок хакі, Відтінок turquoise, Відтінок oldlace, Відтінок salmon, Відтінок darkslategrey
Кольорова схема створена автором bad_colors
Коди кольорів у палітрі
Mobile First Accessibility Kit коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #1d2545 | #1d2545 | RGB(29, 37, 69) | Readability Navy | — |
| #fff176 | #fff176 | RGB(255, 241, 118) | Tap Yellow | — |
| #38f3e2 | #38f3e2 | RGB(56, 243, 226) | Focus Ring Aqua | — |
| #fdf4e3 | #fdf4e3 | RGB(253, 244, 227) | Content Vanilla | — |
| #fa7268 | #fa7268 | RGB(250, 114, 104) | Contrast Coral | — |
| #3b3b3b | #3b3b3b | RGB(59, 59, 59) | Clear Text Gray | Gray23 |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#1d2545 | #3b3b3b | 1.33 |
#fff176 | #38f3e2 | 1.19 |
#fff176 | #fdf4e3 | 1.06 |
#38f3e2 | #fdf4e3 | 1.27 |
#38f3e2 | #fa7268 | 1.96 |
Зображення палітри Mobile First Accessibility Kit png
Експортувати палітру
Завантажте "Mobile First Accessibility Kit" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: