Utworzono o godz 07/19/2025 07:31
Web Component Styling Library
Shadow DOM Gray
#9ca3af
Slot Yellow
#facc15
Template Cream
#fff7ed
Reactive State Blue
#60a5fa
Custom Element Purple
#a78bfa
Encapsulation White
#f8fafc
Paleta składa się z kolorów Światło. Kolory akcentujące Template Cream #fff7ed i Reactive State Blue #60a5fa. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Paleta Web Component Styling Library zawiera kombinację kolorów kodów 6:
KLĄTWA: #9ca3af, RGB: (156, 163, 175); KLĄTWA: #facc15, RGB: (250, 204, 21); KLĄTWA: #fff7ed, RGB: (255, 247, 237)
KLĄTWA: #60a5fa, RGB: (96, 165, 250); KLĄTWA: #a78bfa, RGB: (167, 139, 250); KLĄTWA: #f8fafc, RGB: (248, 250, 252)
Uproszczona wersja palety kolorów
Odcień darkgrey, Odcień gold, Odcień floralwhite, Cień cornflowerblue, Cień mediumpurple, Cień whitesmoke
Schemat kolorów został stworzony przez colorscheme
Kody kolorów w palecie
Web Component Styling Library kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Shadow DOM Gray | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | Slot Yellow | — |
| #fff7ed | #fff7ed | RGB(255, 247, 237) | Template Cream | Fatback |
| #60a5fa | #60a5fa | RGB(96, 165, 250) | Reactive State Blue | — |
| #a78bfa | #a78bfa | RGB(167, 139, 250) | Custom Element Purple | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Encapsulation White | — |
Kontrast palety kolorów
9 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#9ca3af | #facc15 | 1.65 |
#9ca3af | #60a5fa | 1 |
#9ca3af | #a78bfa | 1.07 |
#facc15 | #fff7ed | 1.44 |
#facc15 | #60a5fa | 1.66 |
#facc15 | #a78bfa | 1.77 |
