Створено 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" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: