Создано 02/07/2022 13:30
Web design interaction studio hex colors
- Princeton Orange#f77a2d
- Big Foot Feet#f49254
- Russet#783f1f
- Liberty#4a4e9f
- Blue Bell#9f9fcc
- Deep Koamaru#343661
Палитра содержит светлый, полутемный цвета. Акцентные цвета Princeton Orange #f77a2d да Liberty #4a4e9f. Палитра имеет цветовую температуру Теплый, Холодный.
По светлоте палитра тянется от #343661 (самый тёмный) до #9F9FCC (самый светлый). Диапазон светлоты умеренный.
Насыщенность в среднем диапазоне.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
Тёплые и холодные элементы довольно сбалансированы.
HEX-коды (по возрастанию): #343661, #4A4E9F, #783F1F, #9F9FCC, #F49254, #F77A2D
Палитра Web design interaction studio hex colors содержит комбинацию из 6 кодов цветов:
HEX: #f77a2d, RGB: (247, 122, 45); HEX: #f49254, RGB: (244, 146, 84); HEX: #783f1f, RGB: (120, 63, 31)
HEX: #4a4e9f, RGB: (74, 78, 159); HEX: #9f9fcc, RGB: (159, 159, 204); HEX: #343661, RGB: (52, 54, 97)
Упрощенная версия цветов палитры
Оттенок coral, Оттенок sandybrown, Оттенок saddlebrown, Тень darkslateblue, Оттенок lightsteelblue, Оттенок darkslateblue
Цветовая схема создана автором colorswall
Коды цветов в палитре
Web design interaction studio hex colors коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #f77a2d | #f77a2d | RGB(247, 122, 45) | Princeton Orange | — |
| #f49254 | #f49254 | RGB(244, 146, 84) | Big Foot Feet | — |
| #783f1f | #783f1f | RGB(120, 63, 31) | Russet | — |
| #4a4e9f | #4a4e9f | RGB(74, 78, 159) | Liberty | — |
| #9f9fcc | #9f9fcc | RGB(159, 159, 204) | Blue Bell | — |
| #343661 | #343661 | RGB(52, 54, 97) | Deep Koamaru | — |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#f77a2d | #f49254 | 1.16 |
#f77a2d | #9f9fcc | 1.06 |
#f49254 | #9f9fcc | 1.09 |
#783f1f | #4a4e9f | 1.13 |
#783f1f | #343661 | 1.36 |
#4a4e9f | #343661 | 1.56 |
Изображение палитры Web design interaction studio hex colors png
Экспорт палитры
Скачайте "Web design interaction studio hex colors" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: