Створено 01/26/2022 21:21
Landing page ui design website strategy
- Vivid Tangelo#f2732c
- Caramel#f2d996
- Persian Plum#702216
- Liberty#545c9b
- Cadet Blue (Crayola)#a4bccc
- Space Cadet#2c2c4c
Палітра містить світлий, темний, напівтемний кольори. Акцентні кольори Vivid Tangelo #f2732c та Liberty #545c9b. Палітра має температуру кольорів Теплий, Холодний.
За світлістю палітра сягає від #2C2C4C (найтемніший) до #F2D996 (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Теплі й холодні зразки доволі збалансовані.
HEX-коди (відсортовано): #2C2C4C, #545C9B, #702216, #A4BCCC, #F2732C, #F2D996
Палітра Landing page ui design website strategy містить комбінацію з 6 кодів кольорів :
HEX: #f2732c, RGB: (242, 115, 44); HEX: #f2d996, RGB: (242, 217, 150); HEX: #702216, RGB: (112, 34, 22)
HEX: #545c9b, RGB: (84, 92, 155); HEX: #a4bccc, RGB: (164, 188, 204); HEX: #2c2c4c, RGB: (44, 44, 76)
Спрощений варіант палітри кольорів
Відтінок coral, Відтінок moccasin, Відтінок Бордовий, Відтінок slateblue, Відтінок lightsteelblue, Відтінок midnightblue
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Landing page ui design website strategy коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #f2732c | #f2732c | RGB(242, 115, 44) | Vivid Tangelo | — |
| #f2d996 | #f2d996 | RGB(242, 217, 150) | Caramel | — |
| #702216 | #702216 | RGB(112, 34, 22) | Persian Plum | — |
| #545c9b | #545c9b | RGB(84, 92, 155) | Liberty | — |
| #a4bccc | #a4bccc | RGB(164, 188, 204) | Cadet Blue (Crayola) | — |
| #2c2c4c | #2c2c4c | RGB(44, 44, 76) | Space Cadet | — |
Контраст палітри кольорів
4 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#f2732c | #a4bccc | 1.46 |
#f2d996 | #a4bccc | 1.42 |
#702216 | #545c9b | 1.75 |
#702216 | #2c2c4c | 1.22 |
Зображення палітри Landing page ui design website strategy png
Експортувати палітру
Завантажте "Landing page ui design website strategy" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: