Progressive Web App Interface Kit
- Manifest Aqua#5ee2ff
- Service Worker Grey#6b7280
- Offline Peach#ffd6a5
- Push Coral#ff6b6b
- Splash White#f8fafc
- Install Shadow#1f2937
- Viewport Mint#d3f9d8
Utworzono 06/13/2025 11:46
Paleta składa się z kolorów Jasny, Półciemny, Ciemny. Kolory akcentujące Manifest Aqua #5ee2ff i Offline Peach #ffd6a5. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.
Według jasności paleta rozciąga się od #1F2937 (najciemniejszy) do #F8FAFC (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma) — 57% 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 (3 z 7).
Kody HEX (posortowane): #1F2937, #5EE2FF, #6B7280, #D3F9D8, #F8FAFC, #FF6B6B, #FFD6A5
Paleta Progressive Web App Interface Kit łączy 7 kodów kolorów:
HEX: #5ee2ff, RGB: (94, 226, 255); HEX: #6b7280, RGB: (107, 114, 128); HEX: #ffd6a5, RGB: (255, 214, 165)
HEX: #ff6b6b, RGB: (255, 107, 107); HEX: #f8fafc, RGB: (248, 250, 252); HEX: #1f2937, RGB: (31, 41, 55)
HEX: #d3f9d8, RGB: (211, 249, 216)
Uproszczona wersja palety kolorów
Jasny odcień Błękit nieba, Ciemny odcień Łupkowy szary, Ciemny odcień Biel Navajo, Ciemny odcień Łososiowy, Jasny odcień Biały dym, Jasny odcień Czarny, Ciemny odcień Miodowa rosa
Schemat kolorów został stworzony przez palettespicker
Kody kolorów w palecie
Progressive Web App Interface Kit kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #5ee2ff | #5ee2ff | RGB(94, 226, 255) | Manifest Aqua | — |
| #6b7280 | #6b7280 | RGB(107, 114, 128) | Service Worker Grey | — |
| #ffd6a5 | #ffd6a5 | RGB(255, 214, 165) | Offline Peach | — |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Push Coral | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Splash White | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Install Shadow | — |
| #d3f9d8 | #d3f9d8 | RGB(211, 249, 216) | Viewport Mint | — |
Kontrast palety kolorów
8 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#5ee2ff | #ffd6a5 | 1.11 |
#5ee2ff | #ff6b6b | 1.82 |
#5ee2ff | #f8fafc | 1.45 |
#5ee2ff | #d3f9d8 | 1.32 |
#6b7280 | #ff6b6b | 1.74 |
#ffd6a5 | #f8fafc | 1.3 |
Paleta obrazów Progressive Web App Interface Kit png
Eksportuj paletę
Pobierz "Progressive Web App Interface Kit" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: