Створено 01/30/2022 09:24
Figma design ux ui
- Spanish Yellow#ebb519
- Light Coral#e68881
- Bistre Brown#8c6c0b
- Rose Taupe#935759
- Black Shadows#bea9af
- Space Cadet#2c2f50
Палітра містить світлий, напівтемний, темний кольори. Акцентні кольори Bistre Brown #8c6c0b та Space Cadet #2c2f50. Палітра має температуру кольорів Теплий, Нейтральний, Холодний.
За світлістю палітра сягає від #2C2F50 (найтемніший) до #E68881 (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік теплого.
HEX-коди (відсортовано): #2C2F50, #8C6C0B, #935759, #BEA9AF, #E68881, #EBB519
Палітра Figma design ux ui містить комбінацію з 6 кодів кольорів :
HEX: #ebb519, RGB: (235, 181, 25); HEX: #e68881, RGB: (230, 136, 129); HEX: #8c6c0b, RGB: (140, 108, 11)
HEX: #935759, RGB: (147, 87, 89); HEX: #bea9af, RGB: (190, 169, 175); HEX: #2c2f50, RGB: (44, 47, 80)
Спрощений варіант палітри кольорів
Відтінок goldenrod, Відтінок lightcoral, Відтінок Оливковий, Відтінок indianred, Відтінок rosybrown, Відтінок darkslateblue
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Figma design ux ui коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #ebb519 | #ebb519 | RGB(235, 181, 25) | Spanish Yellow | — |
| #e68881 | #e68881 | RGB(230, 136, 129) | Light Coral | — |
| #8c6c0b | #8c6c0b | RGB(140, 108, 11) | Bistre Brown | — |
| #935759 | #935759 | RGB(147, 87, 89) | Rose Taupe | — |
| #bea9af | #bea9af | RGB(190, 169, 175) | Black Shadows | — |
| #2c2f50 | #2c2f50 | RGB(44, 47, 80) | Space Cadet | — |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#ebb519 | #e68881 | 1.35 |
#ebb519 | #bea9af | 1.17 |
#e68881 | #8c6c0b | 1.92 |
#e68881 | #bea9af | 1.15 |
#8c6c0b | #935759 | 1.13 |
Зображення палітри Figma design ux ui png
Експортувати палітру
Завантажте "Figma design ux ui" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: