Создано 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" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: