App design ui
- Orange (RYB)#f79a0a
- Topaz#f4cc84
- Pullman Brown (UPS Brown)#674112
- Camouflage Green#7b9363
- Dark Vanilla#d2c4a5
- Rifle Green#425634
Создано 03/13/2023 11:37
Палитра содержит светлый, полутемный цвета. Акцентные цвета Orange (RYB) #f79a0a и Topaz #f4cc84. Палитра имеет цветовую температуру Теплый, Холодный.
По светлоте палитра тянется от #674112 (самый тёмный) до #F4CC84 (самый светлый). Диапазон светлоты умеренный.
Насыщенность смешанная — 2 приглушённых и 3 ярких из 6 цветов.
Аналоговая палитра: оттенки расположены рядом на цветовом круге, в пределах около 62°.
В целом температура смещена в сторону тёплого (4 из 6).
HEX-коды (по возрастанию): #425634, #674112, #7B9363, #D2C4A5, #F4CC84, #F79A0A
Палитра App design ui содержит комбинацию из 6 кодов цветов:
HEX: #f79a0a, RGB: (247, 154, 10); HEX: #f4cc84, RGB: (244, 204, 132); HEX: #674112, RGB: (103, 65, 18)
HEX: #7b9363, RGB: (123, 147, 99); HEX: #d2c4a5, RGB: (210, 196, 165); HEX: #425634, RGB: (66, 86, 52)
Упрощенная версия цветов палитры
Тёмный оттенок Оранжевый, Тёмный оттенок Белый навахо, Тёмный оттенок Седельный коричневый, Светлый оттенок Оливково-серый, Светлый оттенок Рыжевато-коричневый, Тёмный оттенок Тёмно-оливковый
Цветовая схема создана автором coolor
Коды цветов в палитре
App design ui коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #f79a0a | #f79a0a | RGB(247, 154, 10) | Orange (RYB) | — |
| #f4cc84 | #f4cc84 | RGB(244, 204, 132) | Topaz | — |
| #674112 | #674112 | RGB(103, 65, 18) | Pullman Brown (UPS Brown) | — |
| #7b9363 | #7b9363 | RGB(123, 147, 99) | Camouflage Green | — |
| #d2c4a5 | #d2c4a5 | RGB(210, 196, 165) | Dark Vanilla | — |
| #425634 | #425634 | RGB(66, 86, 52) | Rifle Green | — |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#f79a0a | #f4cc84 | 1.44 |
#f79a0a | #7b9363 | 1.54 |
#f79a0a | #d2c4a5 | 1.27 |
#f4cc84 | #d2c4a5 | 1.13 |
#674112 | #425634 | 1.11 |
#7b9363 | #d2c4a5 | 1.96 |
Палитра из изображения App design ui png
Экспорт палитры
Скачайте "App design ui" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: