Створено 02/14/2023 09:38
Ui website design ux icons
- Shamrock Green#149f64
- Dark Pastel Blue#7ea1c8
- Brunswick Green#1a4c38
- Rackley#6a84a7
- Pale Silver#cfc8b2
- Outer Space#44444c
Палітра містить світлий кольори. Акцентні кольори Shamrock Green #149f64 та Brunswick Green #1a4c38. Палітра має температуру кольорів Холодний, Нейтральний.
За світлістю палітра сягає від #1A4C38 (найтемніший) до #CFC8B2 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #149F64, #1A4C38, #44444C, #6A84A7, #7EA1C8, #CFC8B2
Палітра Ui website design ux icons містить комбінацію з 6 кодів кольорів :
HEX: #149f64, RGB: (20, 159, 100); HEX: #7ea1c8, RGB: (126, 161, 200); HEX: #1a4c38, RGB: (26, 76, 56)
HEX: #6a84a7, RGB: (106, 132, 167); HEX: #cfc8b2, RGB: (207, 200, 178); HEX: #44444c, RGB: (68, 68, 76)
Спрощений варіант палітри кольорів
Відтінок mediumseagreen, Відтінок cornflowerblue, Відтінок darkslategrey, Відтінок slategrey, Відтінок wheat, Відтінок dimgrey
Кольорова схема створена автором raccoon
Коди кольорів у палітрі
Ui website design ux icons коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #149f64 | #149f64 | RGB(20, 159, 100) | Shamrock Green | — |
| #7ea1c8 | #7ea1c8 | RGB(126, 161, 200) | Dark Pastel Blue | — |
| #1a4c38 | #1a4c38 | RGB(26, 76, 56) | Brunswick Green | — |
| #6a84a7 | #6a84a7 | RGB(106, 132, 167) | Rackley | — |
| #cfc8b2 | #cfc8b2 | RGB(207, 200, 178) | Pale Silver | — |
| #44444c | #44444c | RGB(68, 68, 76) | Outer Space | — |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#149f64 | #7ea1c8 | 1.26 |
#149f64 | #6a84a7 | 1.12 |
#7ea1c8 | #6a84a7 | 1.42 |
#7ea1c8 | #cfc8b2 | 1.6 |
#1a4c38 | #44444c | 1.01 |
Зображення палітри Ui website design ux icons png
Експортувати палітру
Завантажте "Ui website design ux icons" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: