Створено 03/09/2022 11:02
Figma design ui webpage
- Meat Brown#edaf3f
- Topaz#f3cc85
- Dark Bronze#79520b
- Rhythm#7b7390
- White Coffee#dde6d0
- Jacarta#403c58
Палітра містить світлий, напівтемний кольори. Акцентні кольори Dark Bronze #79520b та Jacarta #403c58. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.
За світлістю палітра сягає від #79520B (найтемніший) до #DDE6D0 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік теплого.
HEX-коди (відсортовано): #403C58, #79520B, #7B7390, #DDE6D0, #EDAF3F, #F3CC85
Палітра Figma design ui webpage містить комбінацію з 6 кодів кольорів :
HEX: #edaf3f, RGB: (237, 175, 63); HEX: #f3cc85, RGB: (243, 204, 133); HEX: #79520b, RGB: (121, 82, 11)
HEX: #7b7390, RGB: (123, 115, 144); HEX: #dde6d0, RGB: (221, 230, 208); HEX: #403c58, RGB: (64, 60, 88)
Спрощений варіант палітри кольорів
Відтінок goldenrod, Відтінок navajowhite, Відтінок saddlebrown, Відтінок slategrey, Відтінок beige, Відтінок darkslateblue
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Figma design ui webpage коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #edaf3f | #edaf3f | RGB(237, 175, 63) | Meat Brown | — |
| #f3cc85 | #f3cc85 | RGB(243, 204, 133) | Topaz | — |
| #79520b | #79520b | RGB(121, 82, 11) | Dark Bronze | — |
| #7b7390 | #7b7390 | RGB(123, 115, 144) | Rhythm | — |
| #dde6d0 | #dde6d0 | RGB(221, 230, 208) | White Coffee | — |
| #403c58 | #403c58 | RGB(64, 60, 88) | Jacarta | — |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#edaf3f | #f3cc85 | 1.27 |
#edaf3f | #dde6d0 | 1.5 |
#f3cc85 | #dde6d0 | 1.18 |
#79520b | #7b7390 | 1.55 |
#79520b | #403c58 | 1.5 |
Зображення палітри Figma design ui webpage png
Експортувати палітру
Завантажте "Figma design ui webpage" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: