Figma web layout design hex colors
- Blue-Violet (Crayola)#715bb9
- Lenurple#ac8cdc
- Burnt Umber#843424
- Dirt#9f7356
- Blue Bell#ab99c9
- Liver Chestnut (Horses)#5a3d2f
Створено 05/25/2022 08:58
Палітра містить напівтемний, світлий кольори. Акцентні кольори Lenurple #ac8cdc та Burnt Umber #843424. Палітра має температуру кольорів Холодний, Теплий.
За світлістю палітра сягає від #5A3D2F (найтемніший) до #AB99C9 (найсвітліший). Діапазон світлості помірний.
Насиченість у середньому діапазоні, в середньому 40% по палітрі.
Різноманітна палітра: відтінки розподілені приблизно на 130° колірного кола.
Теплі й холодні зразки доволі збалансовані (3 теплих, 3 холодних).
HEX-коди (відсортовано): #5A3D2F, #715BB9, #843424, #9F7356, #AB99C9, #AC8CDC
Палітра Figma web layout design hex colors містить комбінацію з 6 кодів кольорів :
HEX: #715bb9, RGB: (113, 91, 185); HEX: #ac8cdc, RGB: (172, 140, 220); HEX: #843424, RGB: (132, 52, 36)
HEX: #9f7356, RGB: (159, 115, 86); HEX: #ab99c9, RGB: (171, 153, 201); HEX: #5a3d2f, RGB: (90, 61, 47)
Спрощений варіант палітри кольорів
Світлий відтінок Сланцево-синій, Світлий відтінок Помірно-фіолетовий, Темний відтінок Коричневий, Світлий відтінок Сієна, Темний відтінок Сливовий, Темний відтінок Сідельний коричневий
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Figma web layout design hex colors коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #715bb9 | #715bb9 | RGB(113, 91, 185) | Blue-Violet (Crayola) | — |
| #ac8cdc | #ac8cdc | RGB(172, 140, 220) | Lenurple | — |
| #843424 | #843424 | RGB(132, 52, 36) | Burnt Umber | — |
| #9f7356 | #9f7356 | RGB(159, 115, 86) | Dirt | — |
| #ab99c9 | #ab99c9 | RGB(171, 153, 201) | Blue Bell | — |
| #5a3d2f | #5a3d2f | RGB(90, 61, 47) | Liver Chestnut (Horses) | — |
Контраст палітри кольорів
8 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#715bb9 | #ac8cdc | 1.93 |
#715bb9 | #843424 | 1.56 |
#715bb9 | #9f7356 | 1.29 |
#715bb9 | #5a3d2f | 1.81 |
#ac8cdc | #9f7356 | 1.48 |
#ac8cdc | #ab99c9 | 1.07 |
Палітра із зображення Figma web layout design hex colors png
Експортувати палітру
Завантажте "Figma web layout design hex colors" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: