Создано 11/28/2022 23:45
Typography design ux app palette
- Brown Sugar#ac7650
- Medium Slate Blue#7c84ec
- Coconut#905a3c
- Dark Blue-Gray#6c64a4
- Light Periwinkle#ccd1e1
- Onyx#3c3444
Палитра содержит светлый, полутемный цвета. Акцентные цвета Medium Slate Blue #7c84ec да Coconut #905a3c. Палитра имеет цветовую температуру Теплый, Холодный.
По светлоте палитра тянется от #3C3444 (самый тёмный) до #CCD1E1 (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #3C3444, #6C64A4, #7C84EC, #905A3C, #AC7650, #CCD1E1
Палитра Typography design ux app palette содержит комбинацию из 6 кодов цветов:
HEX: #ac7650, RGB: (172, 118, 80); HEX: #7c84ec, RGB: (124, 132, 236); HEX: #905a3c, RGB: (144, 90, 60)
HEX: #6c64a4, RGB: (108, 100, 164); HEX: #ccd1e1, RGB: (204, 209, 225); HEX: #3c3444, RGB: (60, 52, 68)
Упрощенная версия цветов палитры
Оттенок peru, Оттенок cornflowerblue, Тень sienna, Тень slateblue, Оттенок lavender, Оттенок darkslateblue
Цветовая схема создана автором palettespicker
Коды цветов в палитре
Typography design ux app palette коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #ac7650 | #ac7650 | RGB(172, 118, 80) | Brown Sugar | — |
| #7c84ec | #7c84ec | RGB(124, 132, 236) | Medium Slate Blue | — |
| #905a3c | #905a3c | RGB(144, 90, 60) | Coconut | — |
| #6c64a4 | #6c64a4 | RGB(108, 100, 164) | Dark Blue-Gray | — |
| #ccd1e1 | #ccd1e1 | RGB(204, 209, 225) | Light Periwinkle | — |
| #3c3444 | #3c3444 | RGB(60, 52, 68) | Onyx | — |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#ac7650 | #7c84ec | 1.16 |
#ac7650 | #905a3c | 1.47 |
#ac7650 | #6c64a4 | 1.36 |
#7c84ec | #905a3c | 1.71 |
#7c84ec | #6c64a4 | 1.59 |
#905a3c | #6c64a4 | 1.07 |
Изображение палитры Typography design ux app palette png
Экспорт палитры
Скачайте "Typography design ux app palette" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: