Utworzono o godz 08/18/2025 08:38
Progressive Web App Design Mesh
Component Green
#10b981
Overlay Violet
#7c3aed
Surface White
#f3f4f6
System Gray
#9ca3af
Accent Orange
#fb8c00
Contrast Black
#111827
Paleta składa się z kolorów Światło, Półciemny, Ciemny. Kolory akcentujące Component Green #10b981 i Accent Orange #fb8c00. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.
Paleta Progressive Web App Design Mesh zawiera kombinację kolorów kodów 6:
KLĄTWA: #10b981, RGB: (16, 185, 129); KLĄTWA: #7c3aed, RGB: (124, 58, 237); KLĄTWA: #f3f4f6, RGB: (243, 244, 246)
KLĄTWA: #9ca3af, RGB: (156, 163, 175); KLĄTWA: #fb8c00, RGB: (251, 140, 0); KLĄTWA: #111827, RGB: (17, 24, 39)
Uproszczona wersja palety kolorów
Odcień mediumseagreen, Cień blueviolet, Odcień whitesmoke, Odcień darkgrey, Odcień darkorange, Cień Czarny
Schemat kolorów został stworzony przez hex
Kody kolorów w palecie
Progressive Web App Design Mesh kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #10b981 | #10b981 | RGB(16, 185, 129) | Component Green | — |
| #7c3aed | #7c3aed | RGB(124, 58, 237) | Overlay Violet | — |
| #f3f4f6 | #f3f4f6 | RGB(243, 244, 246) | Surface White | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | System Gray | — |
| #fb8c00 | #fb8c00 | RGB(251, 140, 0) | Accent Orange | — |
| #111827 | #111827 | RGB(17, 24, 39) | Contrast Black | — |
Kontrast palety kolorów
3 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#10b981 | #9ca3af | 1 |
#10b981 | #fb8c00 | 1.06 |
#9ca3af | #fb8c00 | 1.07 |
