Создано 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" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: