Progressive Web App Surface
- Install Teal#0bc9cd
- Offline Buff#f2e9e4
- Manifest Blue#3c91e6
- Push Coral#ef476f
- Navigation Graphite#222222
- Speed Index Yellow#ffd166
Utworzono 07/07/2025 17:10
Paleta składa się z kolorów Jasny, Ciemny. Kolory akcentujące Install Teal #0bc9cd i Speed Index Yellow #ffd166. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.
Według jasności paleta rozciąga się od #222222 (najciemniejszy) do #F2E9E4 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma) — 67% kolorów jest żywych.
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): #0BC9CD, #222222, #3C91E6, #EF476F, #F2E9E4, #FFD166
Paleta Progressive Web App Surface łączy 6 kodów kolorów:
HEX: #0bc9cd, RGB: (11, 201, 205); HEX: #f2e9e4, RGB: (242, 233, 228); HEX: #3c91e6, RGB: (60, 145, 230)
HEX: #ef476f, RGB: (239, 71, 111); HEX: #222222, RGB: (34, 34, 34); HEX: #ffd166, RGB: (255, 209, 102)
Uproszczona wersja palety kolorów
Ciemny odcień Ciemnoturkusowy, Ciemny odcień Lniany, Jasny odcień Niebieski Dodger, Jasny odcień Indyjska czerwień, Jasny odcień Czarny, Jasny odcień Złoty
Schemat kolorów został stworzony przez palettespicker
Kody kolorów w palecie
Progressive Web App Surface kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #0bc9cd | #0bc9cd | RGB(11, 201, 205) | Install Teal | — |
| #f2e9e4 | #f2e9e4 | RGB(242, 233, 228) | Offline Buff | — |
| #3c91e6 | #3c91e6 | RGB(60, 145, 230) | Manifest Blue | — |
| #ef476f | #ef476f | RGB(239, 71, 111) | Push Coral | — |
| #222222 | #222222 | RGB(34, 34, 34) | Navigation Graphite | Black Out |
| #ffd166 | #ffd166 | RGB(255, 209, 102) | Speed Index Yellow | — |
Kontrast palety kolorów
6 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#0bc9cd | #f2e9e4 | 1.71 |
#0bc9cd | #3c91e6 | 1.6 |
#0bc9cd | #ef476f | 1.76 |
#0bc9cd | #ffd166 | 1.42 |
#f2e9e4 | #ffd166 | 1.2 |
#3c91e6 | #ef476f | 1.1 |
Paleta obrazów Progressive Web App Surface png
Eksportuj paletę
Pobierz "Progressive Web App Surface" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: