Loading...
Створено 06/29/2022 12:08
Design ui palette
- Straw#d8d07c
- Khaki (X11)#e0da98
- Antique Bronze#665f1e
- Rhythm#74728c
- Philippine Silver#b0b4b9
- Arsenic#3d3d4f
Палітра містить світлий, напівтемний кольори. Акцентні кольори Antique Bronze #665f1e та Arsenic #3d3d4f. Палітра має температуру кольорів Теплий, Холодний.
За світлістю палітра сягає від #665F1E (найтемніший) до #E0DA98 (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Теплі й холодні зразки доволі збалансовані.
HEX-коди (відсортовано): #3D3D4F, #665F1E, #74728C, #B0B4B9, #D8D07C, #E0DA98
Палітра Design ui palette містить комбінацію з 6 кодів кольорів :
HEX: #d8d07c, RGB: (216, 208, 124); HEX: #e0da98, RGB: (224, 218, 152); HEX: #665f1e, RGB: (102, 95, 30)
HEX: #74728c, RGB: (116, 114, 140); HEX: #b0b4b9, RGB: (176, 180, 185); HEX: #3d3d4f, RGB: (61, 61, 79)
Спрощений варіант палітри кольорів
Відтінок хакі, Відтінок palegoldenrod, Відтінок darkolivegreen, Відтінок slategrey, Відтінок darkgrey, Відтінок darkslateblue
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Design ui palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #d8d07c | #d8d07c | RGB(216, 208, 124) | Straw | — |
| #e0da98 | #e0da98 | RGB(224, 218, 152) | Khaki (X11) | — |
| #665f1e | #665f1e | RGB(102, 95, 30) | Antique Bronze | — |
| #74728c | #74728c | RGB(116, 114, 140) | Rhythm | — |
| #b0b4b9 | #b0b4b9 | RGB(176, 180, 185) | Philippine Silver | — |
| #3d3d4f | #3d3d4f | RGB(61, 61, 79) | Arsenic | — |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#d8d07c | #e0da98 | 1.1 |
#d8d07c | #b0b4b9 | 1.31 |
#e0da98 | #b0b4b9 | 1.45 |
#665f1e | #74728c | 1.4 |
#665f1e | #3d3d4f | 1.62 |
Зображення палітри Design ui palette png
Експортувати палітру
Завантажте "Design ui palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: