Создано 08/29/2022 13:27
Figma product design ui sidebar hex colors
- Button Blue#2ea0f4
- Vista Blue#838ef4
- Dark Gunmetal#1a1531
- Copper Penny#ac666f
- Cambridge Blue#afcda6
- Jacarta#43435e
Палитра содержит светлый, темный цвета. Акцентные цвета Button Blue #2ea0f4 да Copper Penny #ac666f. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
По светлоте палитра тянется от #1A1531 (самый тёмный) до #838EF4 (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #1A1531, #2EA0F4, #43435E, #838EF4, #AC666F, #AFCDA6
Палитра Figma product design ui sidebar hex colors содержит комбинацию из 6 кодов цветов:
HEX: #2ea0f4, RGB: (46, 160, 244); HEX: #838ef4, RGB: (131, 142, 244); HEX: #1a1531, RGB: (26, 21, 49)
HEX: #ac666f, RGB: (172, 102, 111); HEX: #afcda6, RGB: (175, 205, 166); HEX: #43435e, RGB: (67, 67, 94)
Упрощенная версия цветов палитры
Тень dodgerblue, Тень cornflowerblue, Оттенок midnightblue, Оттенок indianred, Тень darkseagreen, Оттенок darkslateblue
Цветовая схема создана автором colorswall
Коды цветов в палитре
Figma product design ui sidebar hex colors коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #2ea0f4 | #2ea0f4 | RGB(46, 160, 244) | Button Blue | — |
| #838ef4 | #838ef4 | RGB(131, 142, 244) | Vista Blue | — |
| #1a1531 | #1a1531 | RGB(26, 21, 49) | Dark Gunmetal | — |
| #ac666f | #ac666f | RGB(172, 102, 111) | Copper Penny | — |
| #afcda6 | #afcda6 | RGB(175, 205, 166) | Cambridge Blue | — |
| #43435e | #43435e | RGB(67, 67, 94) | Jacarta | — |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#2ea0f4 | #838ef4 | 1.04 |
#2ea0f4 | #ac666f | 1.52 |
#2ea0f4 | #afcda6 | 1.62 |
#838ef4 | #ac666f | 1.46 |
#838ef4 | #afcda6 | 1.69 |
#1a1531 | #43435e | 1.84 |
Изображение палитры Figma product design ui sidebar hex colors png
Экспорт палитры
Скачайте "Figma product design ui sidebar hex colors" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: