Utworzono o godz 06/30/2025 17:14
Progressive Web UX Foundation
- Install Indigo#4f46e5
- Cache Mint#34d399
- Offline Cream#fef9c3
- Sync Coral#fb7185
- Manifest Slate#475569
- Reload Fog#f3f4f6
- Launch Jet#0a0a0a
Paleta składa się z kolorów Półciemny, Światło, Ciemny. Kolory akcentujące Install Indigo #4f46e5 i Offline Cream #fef9c3. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #0A0A0A (najciemniejszy) do #F3F4F6 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma).
Niektóre pary barw są blisko pozycji dopełniających — można to odczytać jako kontrast dopełniający (heurystyka).
Ogólna temperatura barw przechyla się ku zimnu.
Kody HEX (posortowane): #0A0A0A, #34D399, #475569, #4F46E5, #F3F4F6, #FB7185, #FEF9C3
Paleta Progressive Web UX Foundation zawiera kombinację kolorów kodów 7:
KLĄTWA: #4f46e5, RGB: (79, 70, 229); KLĄTWA: #34d399, RGB: (52, 211, 153); KLĄTWA: #fef9c3, RGB: (254, 249, 195)
KLĄTWA: #fb7185, RGB: (251, 113, 133); KLĄTWA: #475569, RGB: (71, 85, 105); KLĄTWA: #f3f4f6, RGB: (243, 244, 246)
KLĄTWA: #0a0a0a, RGB: (10, 10, 10)
Uproszczona wersja palety kolorów
Odcień slateblue, Odcień mediumaquamarine, Odcień lemonchiffon, Odcień lightcoral, Cień darkslateblue, Odcień whitesmoke, Cień Czarny
Schemat kolorów został stworzony przez palettespicker
Kody kolorów w palecie
Progressive Web UX Foundation kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #4f46e5 | #4f46e5 | RGB(79, 70, 229) | Install Indigo | — |
| #34d399 | #34d399 | RGB(52, 211, 153) | Cache Mint | — |
| #fef9c3 | #fef9c3 | RGB(254, 249, 195) | Offline Cream | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Sync Coral | — |
| #475569 | #475569 | RGB(71, 85, 105) | Manifest Slate | — |
| #f3f4f6 | #f3f4f6 | RGB(243, 244, 246) | Reload Fog | — |
| #0a0a0a | #0a0a0a | RGB(10, 10, 10) | Launch Jet | Existential Angst |
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 |
#4f46e5 | #475569 | 1.2 |
#34d399 | #fef9c3 | 1.78 |
#34d399 | #fb7185 | 1.4 |
#34d399 | #f3f4f6 | 1.74 |
#fef9c3 | #f3f4f6 | 1.02 |
Paleta obrazów Progressive Web UX Foundation png
Eksportuj paletę
Pobierz "Progressive Web UX Foundation" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: