Design ui icon ux
- Vermilion (Plochere)#d63c16
- Orange Soda#fb5943
- Green-Blue#1777a8
- Liberty#5c61a2
- Tan#ccba98
- Jacarta#2f3057
Створено 04/09/2023 17:07
Палітра містить напівтемний, світлий кольори. Акцентні кольори Orange Soda #fb5943 та Green-Blue #1777a8. Палітра має температуру кольорів Теплий, Холодний.
За світлістю палітра сягає від #2F3057 (найтемніший) до #CCBA98 (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — 1 приглушених і 3 яскравих із 6 кольорів.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Теплі й холодні зразки доволі збалансовані (3 теплих, 3 холодних).
HEX-коди (відсортовано): #1777A8, #2F3057, #5C61A2, #CCBA98, #D63C16, #FB5943
Палітра Design ui icon ux містить комбінацію з 6 кодів кольорів :
HEX: #d63c16, RGB: (214, 60, 22); HEX: #fb5943, RGB: (251, 89, 67); HEX: #1777a8, RGB: (23, 119, 168)
HEX: #5c61a2, RGB: (92, 97, 162); HEX: #ccba98, RGB: (204, 186, 152); HEX: #2f3057, RGB: (47, 48, 87)
Спрощений варіант палітри кольорів
Світлий відтінок Червоний, Темний відтінок Томатний, Темний відтінок Сталевий синій, Темний відтінок Сланцево-синій, Світлий відтінок Рудувато-коричневий, Темний відтінок Темний сланцево-синій
Кольорова схема створена автором hex
Коди кольорів у палітрі
Design ui icon ux коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #d63c16 | #d63c16 | RGB(214, 60, 22) | Vermilion (Plochere) | — |
| #fb5943 | #fb5943 | RGB(251, 89, 67) | Orange Soda | — |
| #1777a8 | #1777a8 | RGB(23, 119, 168) | Green-Blue | — |
| #5c61a2 | #5c61a2 | RGB(92, 97, 162) | Liberty | — |
| #ccba98 | #ccba98 | RGB(204, 186, 152) | Tan | — |
| #2f3057 | #2f3057 | RGB(47, 48, 87) | Jacarta | — |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#d63c16 | #fb5943 | 1.46 |
#d63c16 | #1777a8 | 1.06 |
#d63c16 | #5c61a2 | 1.22 |
#fb5943 | #1777a8 | 1.55 |
#fb5943 | #5c61a2 | 1.79 |
#fb5943 | #ccba98 | 1.67 |
Палітра із зображення Design ui icon ux png
Експортувати палітру
Завантажте "Design ui icon ux" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: