Design System Figma Bridge
- Frame Frost#f0f4f8
- Vector Violet#b497bd
- AutoLayout Amber#ffd580
- Style Sheet Sand#ebe5d9
- Swap Slate#708090
- Nudge Navy#2c3e50
Utworzono 06/11/2025 12:22
Paleta składa się z kolorów Jasny, Półciemny. Kolory akcentujące Frame Frost #f0f4f8 i AutoLayout Amber #ffd580. Paleta ma temperaturę kolorów Neutralny, Zimny, Ciepły.
Według jasności paleta rozciąga się od #2C3E50 (najciemniejszy) do #F0F4F8 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — 2 stonowanych i 1 żywych z 6 kolorów.
Niektóre kolory leżą niemal naprzeciw siebie na kole barw, co daje palecie kontrast dopełniający.
Ogólna temperatura barw przechyla się ku zimnu (3 z 6).
Kody HEX (posortowane): #2C3E50, #708090, #B497BD, #EBE5D9, #F0F4F8, #FFD580
Paleta Design System Figma Bridge łączy 6 kodów kolorów:
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)
Uproszczona wersja palety kolorów
Ciemny odcień Błękit Alicji, Ciemny odcień Śliwkowy, Ciemny odcień Biel Navajo, Ciemny odcień Stara koronka, Łupkowy szary, Ciemny odcień Ciemny łupkowy niebieski
Schemat kolorów został stworzony przez colorday
Kody kolorów w palecie
Design System Figma Bridge kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #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 | — |
Kontrast palety kolorów
5 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#f0f4f8 | #ffd580 | 1.25 |
#f0f4f8 | #ebe5d9 | 1.13 |
#b497bd | #ffd580 | 1.86 |
#b497bd | #708090 | 1.56 |
#ffd580 | #ebe5d9 | 1.11 |
Paleta obrazów Design System Figma Bridge png
Eksportuj paletę
Pobierz "Design System Figma Bridge" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: