Создано 06/19/2025 20:44
Frontend Figma Pro Kit
- Vector Blue#007aff
- Grid Linen#f6f6f6
- Comment Lavender#b49bcc
- Tooltip Graphite#3a3a3c
- Component Salmon#ff9b71
- Annotation Beige#fff4dc
Палитра содержит светлый цвета. Акцентные цвета Vector Blue #007aff да Annotation Beige #fff4dc. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.
По светлоте палитра тянется от #3A3A3C (самый тёмный) до #F6F6F6 (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #007AFF, #3A3A3C, #B49BCC, #F6F6F6, #FF9B71, #FFF4DC
Палитра Frontend Figma Pro Kit содержит комбинацию из 6 кодов цветов:
HEX: #007aff, RGB: (0, 122, 255); HEX: #f6f6f6, RGB: (246, 246, 246); HEX: #b49bcc, RGB: (180, 155, 204)
HEX: #3a3a3c, RGB: (58, 58, 60); HEX: #ff9b71, RGB: (255, 155, 113); HEX: #fff4dc, RGB: (255, 244, 220)
Упрощенная версия цветов палитры
Оттенок steelblue, Тень whitesmoke, Оттенок plum, Оттенок darkslategrey, Оттенок lightsalmon, Тень papayawhip
Цветовая схема создана автором colorslib
Коды цветов в палитре
Frontend Figma Pro Kit коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #007aff | #007aff | RGB(0, 122, 255) | Vector Blue | — |
| #f6f6f6 | #f6f6f6 | RGB(246, 246, 246) | Grid Linen | — |
| #b49bcc | #b49bcc | RGB(180, 155, 204) | Comment Lavender | — |
| #3a3a3c | #3a3a3c | RGB(58, 58, 60) | Tooltip Graphite | — |
| #ff9b71 | #ff9b71 | RGB(255, 155, 113) | Component Salmon | — |
| #fff4dc | #fff4dc | RGB(255, 244, 220) | Annotation Beige | — |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#007aff | #b49bcc | 1.62 |
#007aff | #ff9b71 | 1.94 |
#f6f6f6 | #ff9b71 | 1.9 |
#f6f6f6 | #fff4dc | 1.01 |
#b49bcc | #ff9b71 | 1.19 |
#ff9b71 | #fff4dc | 1.88 |
Изображение палитры Frontend Figma Pro Kit png
Экспорт палитры
Скачайте "Frontend Figma Pro Kit" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: