Создано 12/20/2022 10:09
Web ux website grid
- Blueberry#4c8cfc
- Light Salmon#fca47a
- Cetacean Blue#160f4e
- Redwood#a6615b
- Wild Blue Yonder#a4a8d7
- Jacarta#3b2d5b
Палитра содержит светлый, темный цвета. Акцентные цвета Blueberry #4c8cfc да Light Salmon #fca47a. Палитра имеет цветовую температуру Холодный, Теплый.
По светлоте палитра тянется от #160F4E (самый тёмный) до #A4A8D7 (самый светлый). Диапазон светлоты широкий.
Насыщенность в среднем диапазоне.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #160F4E, #3B2D5B, #4C8CFC, #A4A8D7, #A6615B, #FCA47A
Палитра Web ux website grid содержит комбинацию из 6 кодов цветов:
HEX: #4c8cfc, RGB: (76, 140, 252); HEX: #fca47a, RGB: (252, 164, 122); HEX: #160f4e, RGB: (22, 15, 78)
HEX: #a6615b, RGB: (166, 97, 91); HEX: #a4a8d7, RGB: (164, 168, 215); HEX: #3b2d5b, RGB: (59, 45, 91)
Упрощенная версия цветов палитры
Оттенок cornflowerblue, Тень lightsalmon, Оттенок midnightblue, Оттенок indianred, Оттенок lightsteelblue, Оттенок darkslateblue
Цветовая схема создана автором palettespicker
Коды цветов в палитре
Web ux website grid коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #4c8cfc | #4c8cfc | RGB(76, 140, 252) | Blueberry | — |
| #fca47a | #fca47a | RGB(252, 164, 122) | Light Salmon | — |
| #160f4e | #160f4e | RGB(22, 15, 78) | Cetacean Blue | — |
| #a6615b | #a6615b | RGB(166, 97, 91) | Redwood | — |
| #a4a8d7 | #a4a8d7 | RGB(164, 168, 215) | Wild Blue Yonder | — |
| #3b2d5b | #3b2d5b | RGB(59, 45, 91) | Jacarta | — |
Контраст палитры цветов
5 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#4c8cfc | #fca47a | 1.65 |
#4c8cfc | #a6615b | 1.44 |
#4c8cfc | #a4a8d7 | 1.41 |
#fca47a | #a4a8d7 | 1.17 |
#160f4e | #3b2d5b | 1.41 |
Изображение палитры Web ux website grid png
Экспорт палитры
Скачайте "Web ux website grid" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: