Створено 08/19/2022 08:58
House landing page website ui colours
- United Nations Blue#5c8ed7
- Pale Cornflower Blue#b4d4fc
- Indigo (Rainbow)#1a3a6a
- Rackley#5c84ac
- Silver Pink#c4aca4
- Dark Puce#54343c
Палітра містить світлий кольори. Акцентні кольори Pale Cornflower Blue #b4d4fc та Dark Puce #54343c. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.
За світлістю палітра сягає від #1A3A6A (найтемніший) до #B4D4FC (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #1A3A6A, #54343C, #5C84AC, #5C8ED7, #B4D4FC, #C4ACA4
Палітра House landing page website ui colours містить комбінацію з 6 кодів кольорів :
HEX: #5c8ed7, RGB: (92, 142, 215); HEX: #b4d4fc, RGB: (180, 212, 252); HEX: #1a3a6a, RGB: (26, 58, 106)
HEX: #5c84ac, RGB: (92, 132, 172); HEX: #c4aca4, RGB: (196, 172, 164); HEX: #54343c, RGB: (84, 52, 60)
Спрощений варіант палітри кольорів
Відтінок cornflowerblue, Відтінок lightsteelblue, Відтінок darkslateblue, Відтінок steelblue, Відтінок darkgrey, Відтінок Бордовий
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
House landing page website ui colours коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #5c8ed7 | #5c8ed7 | RGB(92, 142, 215) | United Nations Blue | — |
| #b4d4fc | #b4d4fc | RGB(180, 212, 252) | Pale Cornflower Blue | — |
| #1a3a6a | #1a3a6a | RGB(26, 58, 106) | Indigo (Rainbow) | — |
| #5c84ac | #5c84ac | RGB(92, 132, 172) | Rackley | — |
| #c4aca4 | #c4aca4 | RGB(196, 172, 164) | Silver Pink | — |
| #54343c | #54343c | RGB(84, 52, 60) | Dark Puce | — |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#5c8ed7 | #5c84ac | 1.17 |
#5c8ed7 | #c4aca4 | 1.55 |
#b4d4fc | #c4aca4 | 1.4 |
#1a3a6a | #54343c | 1.04 |
#5c84ac | #c4aca4 | 1.82 |
Зображення палітри House landing page website ui colours png
Експортувати палітру
Завантажте "House landing page website ui colours" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: