Створено 07/25/2025 07:59
Fitness Tracker Mobile UI
- Heart Red#ef5350
- Energy Green#81c784
- Pace Sky#64b5f6
- Step Black#263238
- Sleep Violet#9575cd
- Goal Sand#fff8e1
Палітра містить світлий, темний кольори. Акцентні кольори Pace Sky #64b5f6 та Goal Sand #fff8e1. Палітра має температуру кольорів Теплий, Нейтральний, Холодний.
За світлістю палітра сягає від #263238 (найтемніший) до #FFF8E1 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #263238, #64B5F6, #81C784, #9575CD, #EF5350, #FFF8E1
Палітра Fitness Tracker Mobile UI містить комбінацію з 6 кодів кольорів :
HEX: #ef5350, RGB: (239, 83, 80); HEX: #81c784, RGB: (129, 199, 132); HEX: #64b5f6, RGB: (100, 181, 246)
HEX: #263238, RGB: (38, 50, 56); HEX: #9575cd, RGB: (149, 117, 205); HEX: #fff8e1, RGB: (255, 248, 225)
Спрощений варіант палітри кольорів
Відтінок indianred, Відтінок darkseagreen, Відтінок deepskyblue, Відтінок darkslategrey, Відтінок mediumpurple, Відтінок cornsilk
Кольорова схема створена автором palettespicker
Коди кольорів у палітрі
Fitness Tracker Mobile UI коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #ef5350 | #ef5350 | RGB(239, 83, 80) | Heart Red | — |
| #81c784 | #81c784 | RGB(129, 199, 132) | Energy Green | — |
| #64b5f6 | #64b5f6 | RGB(100, 181, 246) | Pace Sky | — |
| #263238 | #263238 | RGB(38, 50, 56) | Step Black | — |
| #9575cd | #9575cd | RGB(149, 117, 205) | Sleep Violet | — |
| #fff8e1 | #fff8e1 | RGB(255, 248, 225) | Goal Sand | Still Morning |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#ef5350 | #81c784 | 1.73 |
#ef5350 | #64b5f6 | 1.57 |
#ef5350 | #9575cd | 1.05 |
#81c784 | #64b5f6 | 1.1 |
#81c784 | #9575cd | 1.82 |
#81c784 | #fff8e1 | 1.89 |
Зображення палітри Fitness Tracker Mobile UI png
Експортувати палітру
Завантажте "Fitness Tracker Mobile UI" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: