Progressive Web Application Matrix
- Manifest Violet#a78bfa
- Install Prompt Teal#2dd4bf
- Service Worker Gray#94a3b8
- Offline Mode Cream#fef9c3
- Push Notification Coral#fb7185
- Sync Cloud Blue#60a5fa
- Shell UI White#f8fafc
Utworzono 07/19/2025 07:28
Paleta składa się z kolorów Jasny. Kolory akcentujące Offline Mode Cream #fef9c3 i Sync Cloud Blue #60a5fa. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #A78BFA (najciemniejszy) do #F8FAFC (najjaśniejszy). Zakres jasności jest umiarkowany.
Nasycenie wydaje się żywe (wysoka chroma) — 71% kolorów jest żywych.
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 (4 z 7).
Kody HEX (posortowane): #2DD4BF, #60A5FA, #94A3B8, #A78BFA, #F8FAFC, #FB7185, #FEF9C3
Paleta Progressive Web Application Matrix łączy 7 kodów kolorów:
HEX: #a78bfa, RGB: (167, 139, 250); HEX: #2dd4bf, RGB: (45, 212, 191); HEX: #94a3b8, RGB: (148, 163, 184)
HEX: #fef9c3, RGB: (254, 249, 195); HEX: #fb7185, RGB: (251, 113, 133); HEX: #60a5fa, RGB: (96, 165, 250)
HEX: #f8fafc, RGB: (248, 250, 252)
Uproszczona wersja palety kolorów
Jasny odcień Średni fioletowy, Ciemny odcień Turkusowy, Jasny odcień Jasny łupkowy szary, Ciemny odcień Cytrynowy szyfon, Ciemny odcień Jasnokoralowy, Jasny odcień Chabrowy, Jasny odcień Biały dym
Schemat kolorów został stworzony przez colorday
Kody kolorów w palecie
Progressive Web Application Matrix kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #a78bfa | #a78bfa | RGB(167, 139, 250) | Manifest Violet | — |
| #2dd4bf | #2dd4bf | RGB(45, 212, 191) | Install Prompt Teal | — |
| #94a3b8 | #94a3b8 | RGB(148, 163, 184) | Service Worker Gray | — |
| #fef9c3 | #fef9c3 | RGB(254, 249, 195) | Offline Mode Cream | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Push Notification Coral | — |
| #60a5fa | #60a5fa | RGB(96, 165, 250) | Sync Cloud Blue | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Shell UI White | — |
Kontrast palety kolorów
13 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#a78bfa | #2dd4bf | 1.46 |
#a78bfa | #94a3b8 | 1.06 |
#a78bfa | #fb7185 | 1.01 |
#a78bfa | #60a5fa | 1.07 |
#2dd4bf | #94a3b8 | 1.37 |
#2dd4bf | #fef9c3 | 1.73 |
Paleta obrazów Progressive Web Application Matrix png
Eksportuj paletę
Pobierz "Progressive Web Application Matrix" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: