Multi-Tenant UX Design Framework
- Tenant Sky#a0ced9
- Switch Coral#ff6f61
- Access Gray#e2e2e2
- Instance Yellow#fff275
- Grid White#fbfbfb
- Control Ink#2b2d42
Utworzono 07/28/2025 19:30
Paleta składa się z kolorów Jasny, Ciemny. Kolory akcentujące Tenant Sky #a0ced9 i Instance Yellow #fff275. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #2B2D42 (najciemniejszy) do #FBFBFB (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — 3 stonowanych i 2 żywych z 6 kolorów.
Niektóre kolory leżą niemal naprzeciw siebie na kole barw, co daje palecie kontrast dopełniający.
Ciepłe i zimne próbki są dość zrównoważone (2 ciepłych, 2 zimnych).
Kody HEX (posortowane): #2B2D42, #A0CED9, #E2E2E2, #FBFBFB, #FF6F61, #FFF275
Paleta Multi-Tenant UX Design Framework łączy 6 kodów kolorów:
HEX: #a0ced9, RGB: (160, 206, 217); HEX: #ff6f61, RGB: (255, 111, 97); HEX: #e2e2e2, RGB: (226, 226, 226)
HEX: #fff275, RGB: (255, 242, 117); HEX: #fbfbfb, RGB: (251, 251, 251); HEX: #2b2d42, RGB: (43, 45, 66)
Uproszczona wersja palety kolorów
Ciemny odcień Jasnoniebieski, Ciemny odcień Łososiowy, Jasny odcień Gainsboro, Jasny odcień Khaki, Ciemny odcień Biały, Jasny odcień Nocny błękit
Schemat kolorów został stworzony przez colorday
Kody kolorów w palecie
Multi-Tenant UX Design Framework kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #a0ced9 | #a0ced9 | RGB(160, 206, 217) | Tenant Sky | — |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Switch Coral | Living Coral |
| #e2e2e2 | #e2e2e2 | RGB(226, 226, 226) | Access Gray | — |
| #fff275 | #fff275 | RGB(255, 242, 117) | Instance Yellow | — |
| #fbfbfb | #fbfbfb | RGB(251, 251, 251) | Grid White | Whiteout |
| #2b2d42 | #2b2d42 | RGB(43, 45, 66) | Control Ink | — |
Kontrast palety kolorów
7 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#a0ced9 | #ff6f61 | 1.6 |
#a0ced9 | #e2e2e2 | 1.31 |
#a0ced9 | #fff275 | 1.47 |
#a0ced9 | #fbfbfb | 1.64 |
#e2e2e2 | #fff275 | 1.12 |
#e2e2e2 | #fbfbfb | 1.25 |
Paleta obrazów Multi-Tenant UX Design Framework png
Eksportuj paletę
Pobierz "Multi-Tenant UX Design Framework" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty:
