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" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: