Створено 06/09/2025 08:17
Mobile-First Accessibility System
- TapZone Gold#ffd23f
- Font Readable Black#121212
- Background Porcelain#f5f5f5
- Focus Cyan#0acfdd
- Alert Rose#f76c6c
- Support Sage#b8e1dd
Палітра містить світлий, темний кольори. Акцентні кольори TapZone Gold #ffd23f та Focus Cyan #0acfdd. Палітра має температуру кольорів Теплий, Нейтральний, Холодний.
За світлістю палітра сягає від #121212 (найтемніший) до #F5F5F5 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Теплі й холодні зразки доволі збалансовані.
HEX-коди (відсортовано): #0ACFDD, #121212, #B8E1DD, #F5F5F5, #F76C6C, #FFD23F
Палітра Mobile-First Accessibility System містить комбінацію з 6 кодів кольорів :
HEX: #ffd23f, RGB: (255, 210, 63); HEX: #121212, RGB: (18, 18, 18); HEX: #f5f5f5, RGB: (245, 245, 245)
HEX: #0acfdd, RGB: (10, 207, 221); HEX: #f76c6c, RGB: (247, 108, 108); HEX: #b8e1dd, RGB: (184, 225, 221)
Спрощений варіант палітри кольорів
Відтінок gold, Відтінок Чорний, Відтінок darkturquoise, Відтінок lightcoral, Відтінок powderblue
Кольорова схема створена автором bad_colors
Коди кольорів у палітрі
Mobile-First Accessibility System коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #ffd23f | #ffd23f | RGB(255, 210, 63) | TapZone Gold | — |
| #121212 | #121212 | RGB(18, 18, 18) | Font Readable Black | Dark Tone Ink |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Background Porcelain | White Smoke |
| #0acfdd | #0acfdd | RGB(10, 207, 221) | Focus Cyan | — |
| #f76c6c | #f76c6c | RGB(247, 108, 108) | Alert Rose | — |
| #b8e1dd | #b8e1dd | RGB(184, 225, 221) | Support Sage | — |
Контраст палітри кольорів
8 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#ffd23f | #f5f5f5 | 1.32 |
#ffd23f | #0acfdd | 1.32 |
#ffd23f | #f76c6c | 1.98 |
#ffd23f | #b8e1dd | 1.02 |
#f5f5f5 | #0acfdd | 1.75 |
#f5f5f5 | #b8e1dd | 1.29 |
Зображення палітри Mobile-First Accessibility System png
Експортувати палітру
Завантажте "Mobile-First Accessibility System" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: