Створено 01/27/2023 12:24
App ui progress design colors palette
- Iceberg#72a4d0
- Turquoise Green#a4dcb4
- Indigo (Rainbow)#214463
- Cinereous#a4847c
- Pastel Gray#d5c7c2
- Gray#545454
Палітра містить світлий, напівтемний кольори. Акцентні кольори Iceberg #72a4d0 та Pastel Gray #d5c7c2. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #214463 (найтемніший) до #D5C7C2 (найсвітліший). Діапазон світлості помірний.
Насиченість у середньому діапазоні.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #214463, #545454, #72A4D0, #A4847C, #A4DCB4, #D5C7C2
Палітра App ui progress design colors palette містить комбінацію з 6 кодів кольорів :
HEX: #72a4d0, RGB: (114, 164, 208); HEX: #a4dcb4, RGB: (164, 220, 180); HEX: #214463, RGB: (33, 68, 99)
HEX: #a4847c, RGB: (164, 132, 124); HEX: #d5c7c2, RGB: (213, 199, 194); HEX: #545454, RGB: (84, 84, 84)
Спрощений варіант палітри кольорів
Відтінок cornflowerblue, Відтінок darkseagreen, Відтінок darkslateblue, Відтінок rosybrown, Відтінок Срібний, Відтінок dimgrey
Кольорова схема створена автором colorslib
Коди кольорів у палітрі
App ui progress design colors palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #72a4d0 | #72a4d0 | RGB(114, 164, 208) | Iceberg | — |
| #a4dcb4 | #a4dcb4 | RGB(164, 220, 180) | Turquoise Green | — |
| #214463 | #214463 | RGB(33, 68, 99) | Indigo (Rainbow) | — |
| #a4847c | #a4847c | RGB(164, 132, 124) | Cinereous | — |
| #d5c7c2 | #d5c7c2 | RGB(213, 199, 194) | Pastel Gray | — |
| #545454 | #545454 | RGB(84, 84, 84) | Gray | Brilliant Licorice |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#72a4d0 | #a4dcb4 | 1.69 |
#72a4d0 | #a4847c | 1.28 |
#72a4d0 | #d5c7c2 | 1.6 |
#a4dcb4 | #d5c7c2 | 1.05 |
#214463 | #545454 | 1.33 |
Зображення палітри App ui progress design colors palette png
Експортувати палітру
Завантажте "App ui progress design colors palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: