Створено 11/18/2022 09:48
Web landingpage website design ux palette
- Rich Electric Blue#0ba3ce
- Ruddy Pink#ef8c8d
- Green-Blue#1a68ab
- Slate Gray#657999
- Pastel Blue#adbccf
- Charcoal#313d53
Палітра містить світлий, напівтемний кольори. Акцентні кольори Rich Electric Blue #0ba3ce та Ruddy Pink #ef8c8d. Палітра має температуру кольорів Холодний, Теплий.
За світлістю палітра сягає від #313D53 (найтемніший) до #ADBCCF (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #0BA3CE, #1A68AB, #313D53, #657999, #ADBCCF, #EF8C8D
Палітра Web landingpage website design ux palette містить комбінацію з 6 кодів кольорів :
HEX: #0ba3ce, RGB: (11, 163, 206); HEX: #ef8c8d, RGB: (239, 140, 141); HEX: #1a68ab, RGB: (26, 104, 171)
HEX: #657999, RGB: (101, 121, 153); HEX: #adbccf, RGB: (173, 188, 207); HEX: #313d53, RGB: (49, 61, 83)
Спрощений варіант палітри кольорів
Відтінок deepskyblue, Відтінок lightcoral, Відтінок steelblue, Відтінок slategrey, Відтінок lightsteelblue, Відтінок darkslateblue
Кольорова схема створена автором hex
Коди кольорів у палітрі
Web landingpage website design ux palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #0ba3ce | #0ba3ce | RGB(11, 163, 206) | Rich Electric Blue | — |
| #ef8c8d | #ef8c8d | RGB(239, 140, 141) | Ruddy Pink | — |
| #1a68ab | #1a68ab | RGB(26, 104, 171) | Green-Blue | — |
| #657999 | #657999 | RGB(101, 121, 153) | Slate Gray | — |
| #adbccf | #adbccf | RGB(173, 188, 207) | Pastel Blue | — |
| #313d53 | #313d53 | RGB(49, 61, 83) | Charcoal | — |
Контраст палітри кольорів
8 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#0ba3ce | #ef8c8d | 1.23 |
#0ba3ce | #1a68ab | 1.97 |
#0ba3ce | #657999 | 1.5 |
#0ba3ce | #adbccf | 1.52 |
#ef8c8d | #657999 | 1.85 |
#ef8c8d | #adbccf | 1.23 |
Зображення палітри Web landingpage website design ux palette png
Експортувати палітру
Завантажте "Web landingpage website design ux palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: