Створено 02/08/2022 16:44
Web ui design vector palette
- Moonstone#3cb4c4
- Non-Photo Blue#98ddec
- Police Blue#1e5d65
- Steel Teal#63828e
- Crystal#9eced5
- Arsenic#3c444c
Палітра містить світлий, напівтемний кольори. Акцентні кольори Non-Photo Blue #98ddec та Police Blue #1e5d65. Палітра має температуру кольорів Холодний.
За світлістю палітра сягає від #1E5D65 (найтемніший) до #98DDEC (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Розподіл відтінків нагадує переважно аналогову групу (евристика, не суворе правило).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #1E5D65, #3C444C, #3CB4C4, #63828E, #98DDEC, #9ECED5
Палітра Web ui design vector palette містить комбінацію з 6 кодів кольорів :
HEX: #3cb4c4, RGB: (60, 180, 196); HEX: #98ddec, RGB: (152, 221, 236); HEX: #1e5d65, RGB: (30, 93, 101)
HEX: #63828e, RGB: (99, 130, 142); HEX: #9eced5, RGB: (158, 206, 213); HEX: #3c444c, RGB: (60, 68, 76)
Спрощений варіант палітри кольорів
Відтінок darkturquoise, Відтінок powderblue, Відтінок darkslategrey, Відтінок slategrey, Відтінок powderblue, Відтінок darkslategrey
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Web ui design vector palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #3cb4c4 | #3cb4c4 | RGB(60, 180, 196) | Moonstone | — |
| #98ddec | #98ddec | RGB(152, 221, 236) | Non-Photo Blue | — |
| #1e5d65 | #1e5d65 | RGB(30, 93, 101) | Police Blue | — |
| #63828e | #63828e | RGB(99, 130, 142) | Steel Teal | — |
| #9eced5 | #9eced5 | RGB(158, 206, 213) | Crystal | — |
| #3c444c | #3c444c | RGB(60, 68, 76) | Arsenic | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#3cb4c4 | #98ddec | 1.63 |
#3cb4c4 | #63828e | 1.66 |
#3cb4c4 | #9eced5 | 1.43 |
#98ddec | #9eced5 | 1.13 |
#1e5d65 | #63828e | 1.82 |
#1e5d65 | #3c444c | 1.32 |
Зображення палітри Web ui design vector palette png
Експортувати палітру
Завантажте "Web ui design vector palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: