Создано 09/18/2022 11:04
Web design ui material product
- Cornflower Blue#6ea1f4
- Bright Lilac#cc7ef1
- Chinese Blue#445490
- Dark Blue-Gray#5e5e9f
- Silver Pink#c4a7ab
- Metallic Blue#3c447c
Палитра содержит светлый, полутемный цвета. Акцентные цвета Cornflower Blue #6ea1f4 да Silver Pink #c4a7ab. Палитра имеет цветовую температуру Холодный, Нейтральный.
По светлоте палитра тянется от #3C447C (самый тёмный) до #CC7EF1 (самый светлый). Диапазон светлоты умеренный.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Оттенки широко разбросаны по кругу — разнообразная палитра (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #3C447C, #445490, #5E5E9F, #6EA1F4, #C4A7AB, #CC7EF1
Палитра Web design ui material product содержит комбинацию из 6 кодов цветов:
HEX: #6ea1f4, RGB: (110, 161, 244); HEX: #cc7ef1, RGB: (204, 126, 241); HEX: #445490, RGB: (68, 84, 144)
HEX: #5e5e9f, RGB: (94, 94, 159); HEX: #c4a7ab, RGB: (196, 167, 171); HEX: #3c447c, RGB: (60, 68, 124)
Упрощенная версия цветов палитры
Тень cornflowerblue, Тень orchid, Тень darkslateblue, Оттенок slateblue, Тень rosybrown, Оттенок darkslateblue
Цветовая схема создана автором colorswall
Больше палитр с:
Коды цветов в палитре
Web design ui material product коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #6ea1f4 | #6ea1f4 | RGB(110, 161, 244) | Cornflower Blue | — |
| #cc7ef1 | #cc7ef1 | RGB(204, 126, 241) | Bright Lilac | — |
| #445490 | #445490 | RGB(68, 84, 144) | Chinese Blue | — |
| #5e5e9f | #5e5e9f | RGB(94, 94, 159) | Dark Blue-Gray | — |
| #c4a7ab | #c4a7ab | RGB(196, 167, 171) | Silver Pink | — |
| #3c447c | #3c447c | RGB(60, 68, 124) | Metallic Blue | — |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#6ea1f4 | #cc7ef1 | 1.03 |
#6ea1f4 | #c4a7ab | 1.17 |
#cc7ef1 | #c4a7ab | 1.2 |
#445490 | #5e5e9f | 1.22 |
#445490 | #3c447c | 1.26 |
#5e5e9f | #3c447c | 1.54 |
Изображение палитры Web design ui material product png
Экспорт палитры
Скачайте "Web design ui material product" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: