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