Создано 03/30/2022 13:30
Ux design website ui
- Maximum Blue#49a3c5
- Cornflower#8fd4e5
- Army Green#405516
- Dark Brown-Tangelo#8c644c
- Pastel Blue#abc9d5
- Dark Slate Gray#304c5c
Палитра содержит светлый цвета. Акцентные цвета Cornflower #8fd4e5 да Dark Brown-Tangelo #8c644c. Палитра имеет цветовую температуру Холодный, Теплый.
По светлоте палитра тянется от #405516 (самый тёмный) до #ABC9D5 (самый светлый). Диапазон светлоты умеренный.
Насыщенность в среднем диапазоне.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #304C5C, #405516, #49A3C5, #8C644C, #8FD4E5, #ABC9D5
Палитра Ux design website ui содержит комбинацию из 6 кодов цветов:
HEX: #49a3c5, RGB: (73, 163, 197); HEX: #8fd4e5, RGB: (143, 212, 229); HEX: #405516, RGB: (64, 85, 22)
HEX: #8c644c, RGB: (140, 100, 76); HEX: #abc9d5, RGB: (171, 201, 213); HEX: #304c5c, RGB: (48, 76, 92)
Упрощенная версия цветов палитры
Оттенок deepskyblue, Тень skyblue, Оттенок darkolivegreen, Тень sienna, Оттенок lightblue, Тень darkslategrey
Цветовая схема создана автором colorswall
Коды цветов в палитре
Ux design website ui коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #49a3c5 | #49a3c5 | RGB(73, 163, 197) | Maximum Blue | — |
| #8fd4e5 | #8fd4e5 | RGB(143, 212, 229) | Cornflower | — |
| #405516 | #405516 | RGB(64, 85, 22) | Army Green | — |
| #8c644c | #8c644c | RGB(140, 100, 76) | Dark Brown-Tangelo | — |
| #abc9d5 | #abc9d5 | RGB(171, 201, 213) | Pastel Blue | — |
| #304c5c | #304c5c | RGB(48, 76, 92) | Dark Slate Gray | — |
Контраст палитры цветов
7 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#49a3c5 | #8fd4e5 | 1.73 |
#49a3c5 | #8c644c | 1.81 |
#49a3c5 | #abc9d5 | 1.64 |
#8fd4e5 | #abc9d5 | 1.05 |
#405516 | #8c644c | 1.59 |
#405516 | #304c5c | 1.09 |
Изображение палитры Ux design website ui png
Экспорт палитры
Скачайте "Ux design website ui" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: