Створено 11/23/2022 21:00
Web app ui ux palette
- Queen Blue#386896
- Milk#fbfbf4
- Blue Sapphire#19547e
- Polished Pine#5fa998
- Silver Sand#b8c3c1
- Japanese Indigo#2b4c44
Палітра містить напівтемний, світлий кольори. Акцентні кольори Milk #fbfbf4 та Blue Sapphire #19547e. Палітра має температуру кольорів Холодний, Нейтральний.
За світлістю палітра сягає від #2B4C44 (найтемніший) до #FBFBF4 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #19547E, #2B4C44, #386896, #5FA998, #B8C3C1, #FBFBF4
Палітра Web app ui ux palette містить комбінацію з 6 кодів кольорів :
HEX: #386896, RGB: (56, 104, 150); HEX: #fbfbf4, RGB: (251, 251, 244); HEX: #19547e, RGB: (25, 84, 126)
HEX: #5fa998, RGB: (95, 169, 152); HEX: #b8c3c1, RGB: (184, 195, 193); HEX: #2b4c44, RGB: (43, 76, 68)
Спрощений варіант палітри кольорів
Відтінок royalblue, Відтінок floralwhite, Відтінок royalblue, Відтінок lightseagreen, Відтінок Срібний, Відтінок darkslategrey
Кольорова схема створена автором raccoon
Коди кольорів у палітрі
Web app ui ux palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #386896 | #386896 | RGB(56, 104, 150) | Queen Blue | — |
| #fbfbf4 | #fbfbf4 | RGB(251, 251, 244) | Milk | — |
| #19547e | #19547e | RGB(25, 84, 126) | Blue Sapphire | — |
| #5fa998 | #5fa998 | RGB(95, 169, 152) | Polished Pine | — |
| #b8c3c1 | #b8c3c1 | RGB(184, 195, 193) | Silver Sand | — |
| #2b4c44 | #2b4c44 | RGB(43, 76, 68) | Japanese Indigo | — |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#386896 | #19547e | 1.37 |
#386896 | #2b4c44 | 1.61 |
#fbfbf4 | #b8c3c1 | 1.73 |
#19547e | #2b4c44 | 1.17 |
#5fa998 | #b8c3c1 | 1.52 |
Зображення палітри Web app ui ux palette png
Експортувати палітру
Завантажте "Web app ui ux palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: