Створено 02/25/2023 13:26
Ui product ux design colors
- Deep Chestnut#c0523d
- Middle Yellow Red#f4b46a
- Seal Brown#5c1f0b
- UCLA Blue#5e7997
- Pastel Blue#aacbce
- Charcoal#304258
Палітра містить світлий, темний кольори. Акцентні кольори Middle Yellow Red #f4b46a та Charcoal #304258. Палітра має температуру кольорів Теплий, Холодний.
За світлістю палітра сягає від #5C1F0B (найтемніший) до #AACBCE (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Теплі й холодні зразки доволі збалансовані.
HEX-коди (відсортовано): #304258, #5C1F0B, #5E7997, #AACBCE, #C0523D, #F4B46A
Палітра Ui product ux design colors містить комбінацію з 6 кодів кольорів :
HEX: #c0523d, RGB: (192, 82, 61); HEX: #f4b46a, RGB: (244, 180, 106); HEX: #5c1f0b, RGB: (92, 31, 11)
HEX: #5e7997, RGB: (94, 121, 151); HEX: #aacbce, RGB: (170, 203, 206); HEX: #304258, RGB: (48, 66, 88)
Спрощений варіант палітри кольорів
Відтінок indianred, Відтінок sandybrown, Відтінок Бордовий, Відтінок slategrey, Відтінок lightblue, Відтінок darkslateblue
Кольорова схема створена автором colorhunt
Коди кольорів у палітрі
Ui product ux design colors коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #c0523d | #c0523d | RGB(192, 82, 61) | Deep Chestnut | — |
| #f4b46a | #f4b46a | RGB(244, 180, 106) | Middle Yellow Red | — |
| #5c1f0b | #5c1f0b | RGB(92, 31, 11) | Seal Brown | — |
| #5e7997 | #5e7997 | RGB(94, 121, 151) | UCLA Blue | — |
| #aacbce | #aacbce | RGB(170, 203, 206) | Pastel Blue | — |
| #304258 | #304258 | RGB(48, 66, 88) | Charcoal | — |
Контраст палітри кольорів
3 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#c0523d | #5e7997 | 1.03 |
#f4b46a | #aacbce | 1.04 |
#5c1f0b | #304258 | 1.23 |
Зображення палітри Ui product ux design colors png
Експортувати палітру
Завантажте "Ui product ux design colors" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: