Создано 09/01/2022 11:34
Interaction illustration interface ui hex colors
- Spanish Yellow#fcb314
- Orange-Yellow (Crayola)#fccc64
- French Blue#0c72bc
- Rackley#5688a8
- Ceil#9a9ac8
- American Blue#353c74
Палитра содержит светлый, полутемный цвета. Акцентные цвета Spanish Yellow #fcb314 да French Blue #0c72bc. Палитра имеет цветовую температуру Теплый, Холодный.
По светлоте палитра тянется от #353C74 (самый тёмный) до #9A9AC8 (самый светлый). Диапазон светлоты умеренный.
Насыщенность в среднем диапазоне.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #0C72BC, #353C74, #5688A8, #9A9AC8, #FCB314, #FCCC64
Палитра Interaction illustration interface ui hex colors содержит комбинацию из 6 кодов цветов:
HEX: #fcb314, RGB: (252, 179, 20); HEX: #fccc64, RGB: (252, 204, 100); HEX: #0c72bc, RGB: (12, 114, 188)
HEX: #5688a8, RGB: (86, 136, 168); HEX: #9a9ac8, RGB: (154, 154, 200); HEX: #353c74, RGB: (53, 60, 116)
Упрощенная версия цветов палитры
Тень Оранжевый, Тень gold, Оттенок steelblue, Тень steelblue, Оттенок lightsteelblue, Оттенок darkslateblue
Цветовая схема создана автором colorswall
Коды цветов в палитре
Interaction illustration interface ui hex colors коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #fcb314 | #fcb314 | RGB(252, 179, 20) | Spanish Yellow | — |
| #fccc64 | #fccc64 | RGB(252, 204, 100) | Orange-Yellow (Crayola) | — |
| #0c72bc | #0c72bc | RGB(12, 114, 188) | French Blue | — |
| #5688a8 | #5688a8 | RGB(86, 136, 168) | Rackley | — |
| #9a9ac8 | #9a9ac8 | RGB(154, 154, 200) | Ceil | — |
| #353c74 | #353c74 | RGB(53, 60, 116) | American Blue | — |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#fcb314 | #fccc64 | 1.2 |
#fcb314 | #9a9ac8 | 1.48 |
#fccc64 | #9a9ac8 | 1.78 |
#0c72bc | #5688a8 | 1.32 |
#0c72bc | #9a9ac8 | 1.88 |
#5688a8 | #9a9ac8 | 1.42 |
Изображение палитры Interaction illustration interface ui hex colors png
Экспорт палитры
Скачайте "Interaction illustration interface ui hex colors" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: