Figma Wireframe Workflow
- Layered Linen#faf3dd
- Prototype Plum#b284be
- Grid Sand#efe6dd
- Node Sea#a9def9
- Sticky Note Yellow#fcf6bd
- Dark Outline#2e2e2e
Создано 06/10/2025 17:28
Палитра содержит светлый, темный цвета. Акцентные цвета Node Sea #a9def9 и Sticky Note Yellow #fcf6bd. Палитра имеет цветовую температуру Нейтральный, Холодный, Теплый.
По светлоте палитра тянется от #2E2E2E (самый тёмный) до #FCF6BD (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — 1 приглушённых и 3 ярких из 6 цветов.
Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.
В целом температура смещена в сторону холодного (2 из 6).
HEX-коды (по возрастанию): #2E2E2E, #A9DEF9, #B284BE, #EFE6DD, #FAF3DD, #FCF6BD
Палитра Figma Wireframe Workflow содержит комбинацию из 6 кодов цветов:
HEX: #faf3dd, RGB: (250, 243, 221); HEX: #b284be, RGB: (178, 132, 190); HEX: #efe6dd, RGB: (239, 230, 221)
HEX: #a9def9, RGB: (169, 222, 249); HEX: #fcf6bd, RGB: (252, 246, 189); HEX: #2e2e2e, RGB: (46, 46, 46)
Упрощенная версия цветов палитры
Тёмный оттенок Кукурузный шёлк, Тёмный оттенок Орхидея, Тёмный оттенок Льняной, Светлый оттенок Светло-голубой, Тёмный оттенок Лимонный шифон, Светлый оттенок Черный
Цветовая схема создана автором colorday
Коды цветов в палитре
Figma Wireframe Workflow коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #faf3dd | #faf3dd | RGB(250, 243, 221) | Layered Linen | Vanilla Powder |
| #b284be | #b284be | RGB(178, 132, 190) | Prototype Plum | — |
| #efe6dd | #efe6dd | RGB(239, 230, 221) | Grid Sand | — |
| #a9def9 | #a9def9 | RGB(169, 222, 249) | Node Sea | — |
| #fcf6bd | #fcf6bd | RGB(252, 246, 189) | Sticky Note Yellow | — |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Dark Outline | Carbon Fiber |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#faf3dd | #efe6dd | 1.11 |
#faf3dd | #a9def9 | 1.3 |
#faf3dd | #fcf6bd | 1 |
#efe6dd | #a9def9 | 1.17 |
#efe6dd | #fcf6bd | 1.11 |
#a9def9 | #fcf6bd | 1.31 |
Палитра из изображения Figma Wireframe Workflow png
Экспорт палитры
Скачайте "Figma Wireframe Workflow" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: