Створено 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" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: