Создано 11/12/2022 21:41
Product design avatars ui branding palette
- Jonquil#f9da1e
- Dark Vanilla#d8c6a2
- Lemon Curry#c8a219
- Café Au Lait#aa8264
- Pastel Gray#dad0c0
- Charcoal#303c54
Палитра содержит светлый цвета. Акцентные цвета Jonquil #f9da1e да Charcoal #303c54. Палитра имеет цветовую температуру Теплый, Нейтральный, Холодный.
По светлоте палитра тянется от #303C54 (самый тёмный) до #DAD0C0 (самый светлый). Диапазон светлоты умеренный.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону тёплого.
HEX-коды (по возрастанию): #303C54, #AA8264, #C8A219, #D8C6A2, #DAD0C0, #F9DA1E
Палитра Product design avatars ui branding palette содержит комбинацию из 6 кодов цветов:
HEX: #f9da1e, RGB: (249, 218, 30); HEX: #d8c6a2, RGB: (216, 198, 162); HEX: #c8a219, RGB: (200, 162, 25)
HEX: #aa8264, RGB: (170, 130, 100); HEX: #dad0c0, RGB: (218, 208, 192); HEX: #303c54, RGB: (48, 60, 84)
Упрощенная версия цветов палитры
Тень gold, Оттенок wheat, Оттенок goldenrod, Оттенок peru, Оттенок antiquewhite, Оттенок darkslateblue
Цветовая схема создана автором palettespicker
Коды цветов в палитре
Product design avatars ui branding palette коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #f9da1e | #f9da1e | RGB(249, 218, 30) | Jonquil | — |
| #d8c6a2 | #d8c6a2 | RGB(216, 198, 162) | Dark Vanilla | — |
| #c8a219 | #c8a219 | RGB(200, 162, 25) | Lemon Curry | — |
| #aa8264 | #aa8264 | RGB(170, 130, 100) | Café Au Lait | — |
| #dad0c0 | #dad0c0 | RGB(218, 208, 192) | Pastel Gray | — |
| #303c54 | #303c54 | RGB(48, 60, 84) | Charcoal | — |
Контраст палитры цветов
7 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#f9da1e | #d8c6a2 | 1.2 |
#f9da1e | #c8a219 | 1.74 |
#f9da1e | #dad0c0 | 1.09 |
#d8c6a2 | #c8a219 | 1.44 |
#d8c6a2 | #dad0c0 | 1.09 |
#c8a219 | #aa8264 | 1.41 |
Изображение палитры Product design avatars ui branding palette png
Экспорт палитры
Скачайте "Product design avatars ui branding palette" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: