Создано 09/17/2022 14:14
Mobile app design palette
- Button Blue#149df5
- Orange-Yellow (Crayola)#f0c165
- Vampire Black#040c0c
- Bazaar#a16986
- Lilac Luster#ae9aa2
- Outer Space (Crayola)#303c3b
Палитра содержит светлый, темный цвета. Акцентные цвета Button Blue #149df5 да Orange-Yellow (Crayola) #f0c165. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
По светлоте палитра тянется от #040C0C (самый тёмный) до #F0C165 (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #040C0C, #149DF5, #303C3B, #A16986, #AE9AA2, #F0C165
Палитра Mobile app design palette содержит комбинацию из 6 кодов цветов:
HEX: #149df5, RGB: (20, 157, 245); HEX: #f0c165, RGB: (240, 193, 101); HEX: #040c0c, RGB: (4, 12, 12)
HEX: #a16986, RGB: (161, 105, 134); HEX: #ae9aa2, RGB: (174, 154, 162); HEX: #303c3b, RGB: (48, 60, 59)
Упрощенная версия цветов палитры
Тень dodgerblue, Тень goldenrod, Тень Черный, Оттенок palevioletred, Тень rosybrown, Оттенок darkslategrey
Цветовая схема создана автором colorswall
Коды цветов в палитре
Mobile app design palette коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #149df5 | #149df5 | RGB(20, 157, 245) | Button Blue | — |
| #f0c165 | #f0c165 | RGB(240, 193, 101) | Orange-Yellow (Crayola) | — |
| #040c0c | #040c0c | RGB(4, 12, 12) | Vampire Black | — |
| #a16986 | #a16986 | RGB(161, 105, 134) | Bazaar | — |
| #ae9aa2 | #ae9aa2 | RGB(174, 154, 162) | Lilac Luster | — |
| #303c3b | #303c3b | RGB(48, 60, 59) | Outer Space (Crayola) | — |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#149df5 | #f0c165 | 1.74 |
#149df5 | #a16986 | 1.46 |
#149df5 | #ae9aa2 | 1.1 |
#f0c165 | #ae9aa2 | 1.57 |
#040c0c | #303c3b | 1.72 |
#a16986 | #ae9aa2 | 1.62 |
Изображение палитры Mobile app design palette png
Экспорт палитры
Скачайте "Mobile app design palette" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: