Design app ux ui colors
- Naples Yellow#ecd45c
- Orange-Yellow (Crayola)#f3d365
- Chocolate Kisses#44142c
- Moss Green#a1a161
- Celadon#afdab7
- Coffee#655433
Створено 12/23/2022 21:55
Палітра містить світлий, темний, напівтемний кольори. Акцентні кольори Naples Yellow #ecd45c та Orange-Yellow (Crayola) #f3d365. Палітра має температуру кольорів Теплий, Холодний.
За світлістю палітра сягає від #44142C (найтемніший) до #F3D365 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — 1 приглушених і 3 яскравих із 6 кольорів.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік теплого (5 із 6).
HEX-коди (відсортовано): #44142C, #655433, #A1A161, #AFDAB7, #ECD45C, #F3D365
Палітра Design app ux ui colors містить комбінацію з 6 кодів кольорів :
HEX: #ecd45c, RGB: (236, 212, 92); HEX: #f3d365, RGB: (243, 211, 101); HEX: #44142c, RGB: (68, 20, 44)
HEX: #a1a161, RGB: (161, 161, 97); HEX: #afdab7, RGB: (175, 218, 183); HEX: #655433, RGB: (101, 84, 51)
Спрощений варіант палітри кольорів
Темний відтінок Хакі, Світлий відтінок Золотий, Темний відтінок Фіолетовий, Темний відтінок Темний хакі, Світлий відтінок Темний морський зелений, Світлий відтінок Сідельний коричневий
Кольорова схема створена автором raccoon
Коди кольорів у палітрі
Design app ux ui colors коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #ecd45c | #ecd45c | RGB(236, 212, 92) | Naples Yellow | — |
| #f3d365 | #f3d365 | RGB(243, 211, 101) | Orange-Yellow (Crayola) | — |
| #44142c | #44142c | RGB(68, 20, 44) | Chocolate Kisses | — |
| #a1a161 | #a1a161 | RGB(161, 161, 97) | Moss Green | — |
| #afdab7 | #afdab7 | RGB(175, 218, 183) | Celadon | — |
| #655433 | #655433 | RGB(101, 84, 51) | Coffee | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#ecd45c | #f3d365 | 1.01 |
#ecd45c | #a1a161 | 1.81 |
#ecd45c | #afdab7 | 1.04 |
#f3d365 | #a1a161 | 1.83 |
#f3d365 | #afdab7 | 1.05 |
#a1a161 | #afdab7 | 1.73 |
Палітра із зображення Design app ux ui colors png
Експортувати палітру
Завантажте "Design app ux ui colors" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: