Створено 03/10/2022 13:09
Design training app ui colors
- Bittersweet Shimmer#bc4c54
- Hot Pink#fb74b3
- Dark Jungle Green#0f1c24
- Twilight Lavender#904c6c
- Dark Vanilla#ccbca4
- Arsenic#3a3c50
Палітра містить світлий, темний, напівтемний кольори. Акцентні кольори Hot Pink #fb74b3 та Dark Jungle Green #0f1c24. Палітра має температуру кольорів Теплий, Нейтральний, Холодний.
За світлістю палітра сягає від #0F1C24 (найтемніший) до #CCBCA4 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік теплого.
HEX-коди (відсортовано): #0F1C24, #3A3C50, #904C6C, #BC4C54, #CCBCA4, #FB74B3
Палітра Design training app ui colors містить комбінацію з 6 кодів кольорів :
HEX: #bc4c54, RGB: (188, 76, 84); HEX: #fb74b3, RGB: (251, 116, 179); HEX: #0f1c24, RGB: (15, 28, 36)
HEX: #904c6c, RGB: (144, 76, 108); HEX: #ccbca4, RGB: (204, 188, 164); HEX: #3a3c50, RGB: (58, 60, 80)
Спрощений варіант палітри кольорів
Відтінок indianred, Відтінок hotpink, Відтінок Чорний, Відтінок mediumvioletred, Відтінок tan, Відтінок darkslateblue
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Design training app ui colors коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #bc4c54 | #bc4c54 | RGB(188, 76, 84) | Bittersweet Shimmer | — |
| #fb74b3 | #fb74b3 | RGB(251, 116, 179) | Hot Pink | — |
| #0f1c24 | #0f1c24 | RGB(15, 28, 36) | Dark Jungle Green | — |
| #904c6c | #904c6c | RGB(144, 76, 108) | Twilight Lavender | — |
| #ccbca4 | #ccbca4 | RGB(204, 188, 164) | Dark Vanilla | — |
| #3a3c50 | #3a3c50 | RGB(58, 60, 80) | Arsenic | — |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#bc4c54 | #fb74b3 | 1.91 |
#bc4c54 | #904c6c | 1.25 |
#fb74b3 | #ccbca4 | 1.36 |
#0f1c24 | #3a3c50 | 1.6 |
#904c6c | #3a3c50 | 1.76 |
Зображення палітри Design training app ui colors png
Експортувати палітру
Завантажте "Design training app ui colors" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: