Створено 12/23/2022 13:04
Landing design agency ux palette
- Shocking Pink#fb04ca
- Cyclamen#f36c9d
- Dark Scarlet#59052b
- Philippine Gray#8c8c8e
- Violet-Red#8d0b3a
- Gunmetal#2b2d32
Палітра містить світлий, темний кольори. Акцентні кольори Shocking Pink #fb04ca та Dark Scarlet #59052b. Палітра має температуру кольорів Нейтральний, Теплий, Холодний.
За світлістю палітра сягає від #2B2D32 (найтемніший) до #F36C9D (найсвітліший). Діапазон світлості помірний.
Загалом насиченість здається яскравою (висока хрома) — 67% кольорів яскраві.
Розподіл відтінків нагадує переважно аналогову групу шириною близько 26° (евристика, не суворе правило).
Загалом температура зміщена в бік теплого (3 із 6).
HEX-коди (відсортовано): #2B2D32, #59052B, #8C8C8E, #8D0B3A, #F36C9D, #FB04CA
Палітра Landing design agency ux palette містить комбінацію з 6 кодів кольорів :
HEX: #fb04ca, RGB: (251, 4, 202); HEX: #f36c9d, RGB: (243, 108, 157); HEX: #59052b, RGB: (89, 5, 43)
HEX: #8c8c8e, RGB: (140, 140, 142); HEX: #8d0b3a, RGB: (141, 11, 58); HEX: #2b2d32, RGB: (43, 45, 50)
Спрощений варіант палітри кольорів
Відтінок пурпуровий, Відтінок palevioletred, Відтінок Фіолетовий, Відтінок Сірий, Відтінок brown, Відтінок Чорний
Кольорова схема створена автором bad_colors
Коди кольорів у палітрі
Landing design agency ux palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #fb04ca | #fb04ca | RGB(251, 4, 202) | Shocking Pink | — |
| #f36c9d | #f36c9d | RGB(243, 108, 157) | Cyclamen | — |
| #59052b | #59052b | RGB(89, 5, 43) | Dark Scarlet | — |
| #8c8c8e | #8c8c8e | RGB(140, 140, 142) | Philippine Gray | — |
| #8d0b3a | #8d0b3a | RGB(141, 11, 58) | Violet-Red | — |
| #2b2d32 | #2b2d32 | RGB(43, 45, 50) | Gunmetal | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#fb04ca | #f36c9d | 1.24 |
#fb04ca | #8c8c8e | 1.04 |
#f36c9d | #8c8c8e | 1.18 |
#59052b | #8d0b3a | 1.51 |
#59052b | #2b2d32 | 1.02 |
#8d0b3a | #2b2d32 | 1.47 |
Зображення палітри Landing design agency ux palette png
Експортувати палітру
Завантажте "Landing design agency ux palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: