Створено 03/21/2022 15:00
Ui design ux development
- Iris#5a56cf
- Columbia Blue#c0dae3
- Liver (Dogs)#544424
- Green Sheen#67af9f
- Pastel Blue#b1c9cc
- Liver Chestnut (Horses)#5a4638
Палітра містить напівтемний, світлий кольори. Акцентні кольори Iris #5a56cf та Liver (Dogs) #544424. Палітра має температуру кольорів Холодний, Теплий.
За світлістю палітра сягає від #544424 (найтемніший) до #C0DAE3 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #544424, #5A4638, #5A56CF, #67AF9F, #B1C9CC, #C0DAE3
Палітра Ui design ux development містить комбінацію з 6 кодів кольорів :
HEX: #5a56cf, RGB: (90, 86, 207); HEX: #c0dae3, RGB: (192, 218, 227); HEX: #544424, RGB: (84, 68, 36)
HEX: #67af9f, RGB: (103, 175, 159); HEX: #b1c9cc, RGB: (177, 201, 204); HEX: #5a4638, RGB: (90, 70, 56)
Спрощений варіант палітри кольорів
Відтінок slateblue, Відтінок lightblue, Відтінок saddlebrown, Відтінок lightseagreen, Відтінок lightblue, Відтінок saddlebrown
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Ui design ux development коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #5a56cf | #5a56cf | RGB(90, 86, 207) | Iris | — |
| #c0dae3 | #c0dae3 | RGB(192, 218, 227) | Columbia Blue | — |
| #544424 | #544424 | RGB(84, 68, 36) | Liver (Dogs) | — |
| #67af9f | #67af9f | RGB(103, 175, 159) | Green Sheen | — |
| #b1c9cc | #b1c9cc | RGB(177, 201, 204) | Pastel Blue | — |
| #5a4638 | #5a4638 | RGB(90, 70, 56) | Liver Chestnut (Horses) | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#5a56cf | #544424 | 1.64 |
#5a56cf | #5a4638 | 1.54 |
#c0dae3 | #67af9f | 1.75 |
#c0dae3 | #b1c9cc | 1.18 |
#544424 | #5a4638 | 1.06 |
#67af9f | #b1c9cc | 1.47 |
Зображення палітри Ui design ux development png
Експортувати палітру
Завантажте "Ui design ux development" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: