Створено 11/15/2022 16:22
Uidesign landingpage webdesign userinterface palette
- Orioles Orange#f44424
- Yellow-Green (Crayola)#cfee91
- American Red#be1b2b
- Bronze (Metallic)#aa9a62
- Khaki (HTML/CSS)#c8a894
- Rifle Green#3c4d35
Палітра містить світлий кольори. Акцентні кольори Orioles Orange #f44424 та American Red #be1b2b. Палітра має температуру кольорів Теплий, Нейтральний.
За світлістю палітра сягає від #3C4D35 (найтемніший) до #CFEE91 (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Відтінки лежать у сусідній смузі на колі (евристика).
Загалом температура зміщена в бік теплого.
HEX-коди (відсортовано): #3C4D35, #AA9A62, #BE1B2B, #C8A894, #CFEE91, #F44424
Палітра Uidesign landingpage webdesign userinterface palette містить комбінацію з 6 кодів кольорів :
HEX: #f44424, RGB: (244, 68, 36); HEX: #cfee91, RGB: (207, 238, 145); HEX: #be1b2b, RGB: (190, 27, 43)
HEX: #aa9a62, RGB: (170, 154, 98); HEX: #c8a894, RGB: (200, 168, 148); HEX: #3c4d35, RGB: (60, 77, 53)
Спрощений варіант палітри кольорів
Відтінок Червоний, Відтінок хакі, Відтінок firebrick, Відтінок darkkhaki, Відтінок tan, Відтінок darkslategrey
Кольорова схема створена автором raccoon
Коди кольорів у палітрі
Uidesign landingpage webdesign userinterface palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #f44424 | #f44424 | RGB(244, 68, 36) | Orioles Orange | — |
| #cfee91 | #cfee91 | RGB(207, 238, 145) | Yellow-Green (Crayola) | — |
| #be1b2b | #be1b2b | RGB(190, 27, 43) | American Red | — |
| #aa9a62 | #aa9a62 | RGB(170, 154, 98) | Bronze (Metallic) | — |
| #c8a894 | #c8a894 | RGB(200, 168, 148) | Khaki (HTML/CSS) | — |
| #3c4d35 | #3c4d35 | RGB(60, 77, 53) | Rifle Green | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#f44424 | #be1b2b | 1.68 |
#f44424 | #aa9a62 | 1.31 |
#f44424 | #c8a894 | 1.66 |
#cfee91 | #c8a894 | 1.71 |
#be1b2b | #3c4d35 | 1.46 |
#aa9a62 | #c8a894 | 1.26 |
Зображення палітри Uidesign landingpage webdesign userinterface palette png
Експортувати палітру
Завантажте "Uidesign landingpage webdesign userinterface palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: