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