Loading...
Створено 11/07/2022 10:10
Web ui landing page website design palette
- Blue (Crayola)#245ef2
- Sky Blue (Crayola)#73e7f4
- Egyptian Blue#133494
- Electric Brown#ae6959
- Pastel Blue#b0cdd2
- Metallic Blue#345b72
Палітра містить напівтемний, світлий кольори. Акцентні кольори Blue (Crayola) #245ef2 та Electric Brown #ae6959. Палітра має температуру кольорів Холодний, Теплий.
За світлістю палітра сягає від #345B72 (найтемніший) до #B0CDD2 (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #133494, #245EF2, #345B72, #73E7F4, #AE6959, #B0CDD2
Палітра Web ui landing page website design palette містить комбінацію з 6 кодів кольорів :
HEX: #245ef2, RGB: (36, 94, 242); HEX: #73e7f4, RGB: (115, 231, 244); HEX: #133494, RGB: (19, 52, 148)
HEX: #ae6959, RGB: (174, 105, 89); HEX: #b0cdd2, RGB: (176, 205, 210); HEX: #345b72, RGB: (52, 91, 114)
Спрощений варіант палітри кольорів
Відтінок royalblue, Відтінок paleturquoise, Відтінок darkslateblue, Відтінок indianred, Відтінок lightblue, Відтінок darkslategrey
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Web ui landing page website design palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #245ef2 | #245ef2 | RGB(36, 94, 242) | Blue (Crayola) | — |
| #73e7f4 | #73e7f4 | RGB(115, 231, 244) | Sky Blue (Crayola) | — |
| #133494 | #133494 | RGB(19, 52, 148) | Egyptian Blue | — |
| #ae6959 | #ae6959 | RGB(174, 105, 89) | Electric Brown | — |
| #b0cdd2 | #b0cdd2 | RGB(176, 205, 210) | Pastel Blue | — |
| #345b72 | #345b72 | RGB(52, 91, 114) | Metallic Blue | — |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#245ef2 | #ae6959 | 1.25 |
#245ef2 | #345b72 | 1.37 |
#73e7f4 | #b0cdd2 | 1.15 |
#133494 | #345b72 | 1.48 |
#ae6959 | #345b72 | 1.72 |
Зображення палітри Web ui landing page website design palette png
Експортувати палітру
Завантажте "Web ui landing page website design palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: