Создано 02/05/2022 16:50
Design figma website ui colours
- Blue (RYB)#0950f2
- Cornflower Blue#7798ed
- Violin Brown#624a06
- Antique Fuchsia#94657a
- Opera Mauve#bc85a4
- Temptress#351c28
Палитра содержит светлый, темный цвета. Акцентные цвета Blue (RYB) #0950f2 да Violin Brown #624a06. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
По светлоте палитра тянется от #351C28 (самый тёмный) до #7798ED (самый светлый). Диапазон светлоты умеренный.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
Тёплые и холодные элементы довольно сбалансированы.
HEX-коды (по возрастанию): #0950F2, #351C28, #624A06, #7798ED, #94657A, #BC85A4
Палитра Design figma website ui colours содержит комбинацию из 6 кодов цветов:
HEX: #0950f2, RGB: (9, 80, 242); HEX: #7798ed, RGB: (119, 152, 237); HEX: #624a06, RGB: (98, 74, 6)
HEX: #94657a, RGB: (148, 101, 122); HEX: #bc85a4, RGB: (188, 133, 164); HEX: #351c28, RGB: (53, 28, 40)
Упрощенная версия цветов палитры
Оттенок royalblue, Тень cornflowerblue, Оттенок saddlebrown, Оттенок palevioletred, Тень palevioletred, Тень Черный
Цветовая схема создана автором colorswall
Коды цветов в палитре
Design figma website ui colours коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #0950f2 | #0950f2 | RGB(9, 80, 242) | Blue (RYB) | — |
| #7798ed | #7798ed | RGB(119, 152, 237) | Cornflower Blue | — |
| #624a06 | #624a06 | RGB(98, 74, 6) | Violin Brown | — |
| #94657a | #94657a | RGB(148, 101, 122) | Antique Fuchsia | — |
| #bc85a4 | #bc85a4 | RGB(188, 133, 164) | Opera Mauve | — |
| #351c28 | #351c28 | RGB(53, 28, 40) | Temptress | — |
Контраст палитры цветов
7 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#0950f2 | #624a06 | 1.37 |
#0950f2 | #94657a | 1.27 |
#7798ed | #94657a | 1.7 |
#7798ed | #bc85a4 | 1.06 |
#624a06 | #94657a | 1.75 |
#624a06 | #351c28 | 1.85 |
Изображение палитры Design figma website ui colours png
Экспорт палитры
Скачайте "Design figma website ui colours" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: