Створено 03/09/2022 12:02
Ui ux landing page palette
- Gold (Metallic)#d4a748
- Magic Mint#b3f1da
- Jelly Bean Blue#447a90
- Giant's Club#ae634e
- Dark Vanilla#cec99e
- Dark Slate Gray#345a4c
Палітра містить світлий, напівтемний кольори. Акцентні кольори Magic Mint #b3f1da та Giant's Club #ae634e. Палітра має температуру кольорів Теплий, Холодний.
За світлістю палітра сягає від #345A4C (найтемніший) до #B3F1DA (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Теплі й холодні зразки доволі збалансовані.
HEX-коди (відсортовано): #345A4C, #447A90, #AE634E, #B3F1DA, #CEC99E, #D4A748
Палітра Ui ux landing page palette містить комбінацію з 6 кодів кольорів :
HEX: #d4a748, RGB: (212, 167, 72); HEX: #b3f1da, RGB: (179, 241, 218); HEX: #447a90, RGB: (68, 122, 144)
HEX: #ae634e, RGB: (174, 99, 78); HEX: #cec99e, RGB: (206, 201, 158); HEX: #345a4c, RGB: (52, 90, 76)
Спрощений варіант палітри кольорів
Відтінок goldenrod, Відтінок paleturquoise, Відтінок steelblue, Відтінок sienna, Відтінок palegoldenrod, Відтінок darkslategrey
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Ui ux landing page palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #d4a748 | #d4a748 | RGB(212, 167, 72) | Gold (Metallic) | — |
| #b3f1da | #b3f1da | RGB(179, 241, 218) | Magic Mint | — |
| #447a90 | #447a90 | RGB(68, 122, 144) | Jelly Bean Blue | — |
| #ae634e | #ae634e | RGB(174, 99, 78) | Giant's Club | — |
| #cec99e | #cec99e | RGB(206, 201, 158) | Dark Vanilla | — |
| #345a4c | #345a4c | RGB(52, 90, 76) | Dark Slate Gray | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#d4a748 | #b3f1da | 1.75 |
#d4a748 | #cec99e | 1.32 |
#b3f1da | #cec99e | 1.32 |
#447a90 | #ae634e | 1.05 |
#447a90 | #345a4c | 1.63 |
#ae634e | #345a4c | 1.73 |
Зображення палітри Ui ux landing page palette png
Експортувати палітру
Завантажте "Ui ux landing page palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: