Створено 07/10/2025 08:56
Figma Prototyping Nodes
- Frame Grey#ced4da
- Constraint Indigo#748ffc
- Interaction Teal#20c997
- Artboard Cream#faf9f6
- Vector Pink#fda7dc
- Preview Graphite#3e3e3e
Палітра містить світлий кольори. Акцентні кольори Constraint Indigo #748ffc та Artboard Cream #faf9f6. Палітра має температуру кольорів Холодний, Нейтральний.
За світлістю палітра сягає від #3E3E3E (найтемніший) до #FAF9F6 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #20C997, #3E3E3E, #748FFC, #CED4DA, #FAF9F6, #FDA7DC
Палітра Figma Prototyping Nodes містить комбінацію з 6 кодів кольорів :
HEX: #ced4da, RGB: (206, 212, 218); HEX: #748ffc, RGB: (116, 143, 252); HEX: #20c997, RGB: (32, 201, 151)
HEX: #faf9f6, RGB: (250, 249, 246); HEX: #fda7dc, RGB: (253, 167, 220); HEX: #3e3e3e, RGB: (62, 62, 62)
Спрощений варіант палітри кольорів
Відтінок lightgrey, Відтінок cornflowerblue, Відтінок mediumaquamarine, Відтінок whitesmoke, Відтінок plum, Відтінок darkslategrey
Кольорова схема створена автором colorday
Більше палітр з:
Коди кольорів у палітрі
Figma Prototyping Nodes коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #ced4da | #ced4da | RGB(206, 212, 218) | Frame Grey | — |
| #748ffc | #748ffc | RGB(116, 143, 252) | Constraint Indigo | — |
| #20c997 | #20c997 | RGB(32, 201, 151) | Interaction Teal | — |
| #faf9f6 | #faf9f6 | RGB(250, 249, 246) | Artboard Cream | — |
| #fda7dc | #fda7dc | RGB(253, 167, 220) | Vector Pink | — |
| #3e3e3e | #3e3e3e | RGB(62, 62, 62) | Preview Graphite | — |
Контраст палітри кольорів
8 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#ced4da | #748ffc | 1.98 |
#ced4da | #20c997 | 1.42 |
#ced4da | #faf9f6 | 1.41 |
#ced4da | #fda7dc | 1.19 |
#748ffc | #20c997 | 1.39 |
#748ffc | #fda7dc | 1.65 |
Зображення палітри Figma Prototyping Nodes png
Експортувати палітру
Завантажте "Figma Prototyping Nodes" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: