Створено 03/20/2023 16:24
Ui payroll ux product palette
- Portland Orange#f85c34
- Vivid Tangerine#f29d86
- Chestnut#994131
- Crystal Blue#699fac
- Pale Silver#cfb7b5
- Royal Brown#54342c
Палітра містить світлий, напівтемний кольори. Акцентні кольори Portland Orange #f85c34 та Crystal Blue #699fac. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.
За світлістю палітра сягає від #54342C (найтемніший) до #CFB7B5 (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік теплого.
HEX-коди (відсортовано): #54342C, #699FAC, #994131, #CFB7B5, #F29D86, #F85C34
Палітра Ui payroll ux product palette містить комбінацію з 6 кодів кольорів :
HEX: #f85c34, RGB: (248, 92, 52); HEX: #f29d86, RGB: (242, 157, 134); HEX: #994131, RGB: (153, 65, 49)
HEX: #699fac, RGB: (105, 159, 172); HEX: #cfb7b5, RGB: (207, 183, 181); HEX: #54342c, RGB: (84, 52, 44)
Спрощений варіант палітри кольорів
Відтінок tomato, Відтінок darksalmon, Відтінок brown, Відтінок cadetblue, Відтінок Срібний, Відтінок Бордовий
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Ui payroll ux product palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #f85c34 | #f85c34 | RGB(248, 92, 52) | Portland Orange | — |
| #f29d86 | #f29d86 | RGB(242, 157, 134) | Vivid Tangerine | — |
| #994131 | #994131 | RGB(153, 65, 49) | Chestnut | — |
| #699fac | #699fac | RGB(105, 159, 172) | Crystal Blue | — |
| #cfb7b5 | #cfb7b5 | RGB(207, 183, 181) | Pale Silver | — |
| #54342c | #54342c | RGB(84, 52, 44) | Royal Brown | — |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#f85c34 | #f29d86 | 1.51 |
#f85c34 | #699fac | 1.08 |
#f85c34 | #cfb7b5 | 1.68 |
#f29d86 | #699fac | 1.38 |
#f29d86 | #cfb7b5 | 1.11 |
#994131 | #54342c | 1.65 |
Зображення палітри Ui payroll ux product palette png
Експортувати палітру
Завантажте "Ui payroll ux product palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: