Створено 08/21/2025 11:52
Figma Prototype Accessibility Suite
- Frame Violet#8e5ff7
- Canvas Light#fafafa
- Vector Blue#4fc3f7
- Overlay Gray#b0bec5
- Anchor Teal#26a69a
- Accessibility Black#121212
Палітра містить світлий, темний кольори. Акцентні кольори Canvas Light #fafafa та Vector Blue #4fc3f7. Палітра має температуру кольорів Холодний, Нейтральний.
За світлістю палітра сягає від #121212 (найтемніший) до #FAFAFA (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Відтінки лежать у сусідній смузі на колі (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #121212, #26A69A, #4FC3F7, #8E5FF7, #B0BEC5, #FAFAFA
Палітра Figma Prototype Accessibility Suite містить комбінацію з 6 кодів кольорів :
HEX: #8e5ff7, RGB: (142, 95, 247); HEX: #fafafa, RGB: (250, 250, 250); HEX: #4fc3f7, RGB: (79, 195, 247)
HEX: #b0bec5, RGB: (176, 190, 197); HEX: #26a69a, RGB: (38, 166, 154); HEX: #121212, RGB: (18, 18, 18)
Спрощений варіант палітри кольорів
Відтінок mediumslateblue, Відтінок whitesmoke, Відтінок deepskyblue, Відтінок Срібний, Відтінок lightseagreen, Відтінок Чорний
Кольорова схема створена автором colorstudio
Коди кольорів у палітрі
Figma Prototype Accessibility Suite коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #8e5ff7 | #8e5ff7 | RGB(142, 95, 247) | Frame Violet | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Canvas Light | Dr. White |
| #4fc3f7 | #4fc3f7 | RGB(79, 195, 247) | Vector Blue | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Overlay Gray | Ocean Drive |
| #26a69a | #26a69a | RGB(38, 166, 154) | Anchor Teal | — |
| #121212 | #121212 | RGB(18, 18, 18) | Accessibility Black | Dark Tone Ink |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#8e5ff7 | #26a69a | 1.36 |
#fafafa | #4fc3f7 | 1.91 |
#fafafa | #b0bec5 | 1.82 |
#4fc3f7 | #b0bec5 | 1.05 |
#4fc3f7 | #26a69a | 1.49 |
#b0bec5 | #26a69a | 1.57 |
Зображення палітри Figma Prototype Accessibility Suite png
Експортувати палітру
Завантажте "Figma Prototype Accessibility Suite" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: