Figma app ui ux xd palette
- Heliotrope#cc5cfc
- Heliotrope#cc76fa
- Indigo#5b0282
- Beaver#a08468
- Lilac#c0a4d0
- English Violet#583e62
Создано 02/24/2022 11:01
Палитра содержит светлый, темный, полутемный цвета. Акцентные цвета Heliotrope #cc5cfc и Indigo #5b0282. Палитра имеет цветовую температуру Холодный, Теплый.
По светлоте палитра тянется от #5B0282 (самый тёмный) до #C0A4D0 (самый светлый). Диапазон светлоты умеренный.
Насыщенность смешанная — 2 приглушённых и 3 ярких из 6 цветов.
Оттенки остаются в одной области цветового круга и охватывают около 112°.
В целом температура смещена в сторону холодного (5 из 6).
HEX-коды (по возрастанию): #583E62, #5B0282, #A08468, #C0A4D0, #CC5CFC, #CC76FA
Палитра Figma app ui ux xd palette содержит комбинацию из 6 кодов цветов:
HEX: #cc5cfc, RGB: (204, 92, 252); HEX: #cc76fa, RGB: (204, 118, 250); HEX: #5b0282, RGB: (91, 2, 130)
HEX: #a08468, RGB: (160, 132, 104); HEX: #c0a4d0, RGB: (192, 164, 208); HEX: #583e62, RGB: (88, 62, 98)
Упрощенная версия цветов палитры
Светлый оттенок Умеренная орхидея, Светлый оттенок Орхидея, Светлый оттенок Индиго, Тёмный оттенок Перу, Тёмный оттенок Сливовый, Светлый оттенок Тёмный аспидно-синий
Цветовая схема создана автором colorswall
Коды цветов в палитре
Figma app ui ux xd palette коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #cc5cfc | #cc5cfc | RGB(204, 92, 252) | Heliotrope | — |
| #cc76fa | #cc76fa | RGB(204, 118, 250) | Heliotrope | — |
| #5b0282 | #5b0282 | RGB(91, 2, 130) | Indigo | — |
| #a08468 | #a08468 | RGB(160, 132, 104) | Beaver | — |
| #c0a4d0 | #c0a4d0 | RGB(192, 164, 208) | Lilac | — |
| #583e62 | #583e62 | RGB(88, 62, 98) | English Violet | — |
Контраст палитры цветов
7 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#cc5cfc | #cc76fa | 1.15 |
#cc5cfc | #a08468 | 1.08 |
#cc5cfc | #c0a4d0 | 1.45 |
#cc76fa | #a08468 | 1.25 |
#cc76fa | #c0a4d0 | 1.25 |
#5b0282 | #583e62 | 1.28 |
Палитра из изображения Figma app ui ux xd palette png
Экспорт палитры
Скачайте "Figma app ui ux xd palette" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: