Design System Figma Bridge
- Frame Frost#f0f4f8
- Vector Violet#b497bd
- AutoLayout Amber#ffd580
- Style Sheet Sand#ebe5d9
- Swap Slate#708090
- Nudge Navy#2c3e50
Створено 06/11/2025 12:22
Палітра містить світлий, напівтемний кольори. Акцентні кольори Frame Frost #f0f4f8 та AutoLayout Amber #ffd580. Палітра має температуру кольорів Нейтральний, Холодний, Теплий.
За світлістю палітра сягає від #2C3E50 (найтемніший) до #F0F4F8 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — 2 приглушених і 1 яскравих із 6 кольорів.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік холодного (3 із 6).
HEX-коди (відсортовано): #2C3E50, #708090, #B497BD, #EBE5D9, #F0F4F8, #FFD580
Палітра Design System Figma Bridge містить комбінацію з 6 кодів кольорів :
HEX: #f0f4f8, RGB: (240, 244, 248); HEX: #b497bd, RGB: (180, 151, 189); HEX: #ffd580, RGB: (255, 213, 128)
HEX: #ebe5d9, RGB: (235, 229, 217); HEX: #708090, RGB: (112, 128, 144); HEX: #2c3e50, RGB: (44, 62, 80)
Спрощений варіант палітри кольорів
Темний відтінок Блакитний Еліс, Темний відтінок Сливовий, Темний відтінок Білий навахо, Темний відтінок Старе мереживо, Сланцево-сірий, Темний відтінок Темний сланцево-синій
Кольорова схема створена автором colorday
Коди кольорів у палітрі
Design System Figma Bridge коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #f0f4f8 | #f0f4f8 | RGB(240, 244, 248) | Frame Frost | Child of Light |
| #b497bd | #b497bd | RGB(180, 151, 189) | Vector Violet | — |
| #ffd580 | #ffd580 | RGB(255, 213, 128) | AutoLayout Amber | — |
| #ebe5d9 | #ebe5d9 | RGB(235, 229, 217) | Style Sheet Sand | — |
| #708090 | #708090 | RGB(112, 128, 144) | Swap Slate | Slategray |
| #2c3e50 | #2c3e50 | RGB(44, 62, 80) | Nudge Navy | — |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#f0f4f8 | #ffd580 | 1.25 |
#f0f4f8 | #ebe5d9 | 1.13 |
#b497bd | #ffd580 | 1.86 |
#b497bd | #708090 | 1.56 |
#ffd580 | #ebe5d9 | 1.11 |
Палітра із зображення Design System Figma Bridge png
Експортувати палітру
Завантажте "Design System Figma Bridge" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: