Створено 07/10/2025 08:52
Mobile First Interface Colors
- Touch Blue#0096c7
- Overlay Cotton#fefcf3
- Gesture Indigo#776bcc
- Focus Cream#fff8e1
- Popup Blush#ffc1cc
- Scrollbar Charcoal#2a2a2a
Палітра містить світлий, темний кольори. Акцентні кольори Touch Blue #0096c7 та Focus Cream #fff8e1. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.
За світлістю палітра сягає від #2A2A2A (найтемніший) до #FEFCF3 (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #0096C7, #2A2A2A, #776BCC, #FEFCF3, #FFC1CC, #FFF8E1
Палітра Mobile First Interface Colors містить комбінацію з 6 кодів кольорів :
HEX: #0096c7, RGB: (0, 150, 199); HEX: #fefcf3, RGB: (254, 252, 243); HEX: #776bcc, RGB: (119, 107, 204)
HEX: #fff8e1, RGB: (255, 248, 225); HEX: #ffc1cc, RGB: (255, 193, 204); HEX: #2a2a2a, RGB: (42, 42, 42)
Спрощений варіант палітри кольорів
Відтінок steelblue, Відтінок floralwhite, Відтінок mediumslateblue, Відтінок cornsilk, Відтінок Рожевий, Відтінок Чорний
Кольорова схема створена автором colourlock
Коди кольорів у палітрі
Mobile First Interface Colors коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #0096c7 | #0096c7 | RGB(0, 150, 199) | Touch Blue | — |
| #fefcf3 | #fefcf3 | RGB(254, 252, 243) | Overlay Cotton | — |
| #776bcc | #776bcc | RGB(119, 107, 204) | Gesture Indigo | — |
| #fff8e1 | #fff8e1 | RGB(255, 248, 225) | Focus Cream | Still Morning |
| #ffc1cc | #ffc1cc | RGB(255, 193, 204) | Popup Blush | Blobfish |
| #2a2a2a | #2a2a2a | RGB(42, 42, 42) | Scrollbar Charcoal | The End |
Контраст палітри кольорів
4 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#0096c7 | #776bcc | 1.3 |
#fefcf3 | #fff8e1 | 1.03 |
#fefcf3 | #ffc1cc | 1.48 |
#fff8e1 | #ffc1cc | 1.43 |
Зображення палітри Mobile First Interface Colors png
Експортувати палітру
Завантажте "Mobile First Interface Colors" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: