Utworzono o godz 09/10/2025 11:20
Web Components Cognitive Spectrum
Template Blue
#3a86ff
Slot Violet
#9b5de5
Shadow DOM Gray
#adb5bd
Custom Tag Coral
#ff6f61
Render White
#f9f9f9
Attribute Black
#121212
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Template Blue #3a86ff i Custom Tag Coral #ff6f61. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Paleta Web Components Cognitive Spectrum zawiera kombinację kolorów kodów 6:
KLĄTWA: #3a86ff, RGB: (58, 134, 255); KLĄTWA: #9b5de5, RGB: (155, 93, 229); KLĄTWA: #adb5bd, RGB: (173, 181, 189)
KLĄTWA: #ff6f61, RGB: (255, 111, 97); KLĄTWA: #f9f9f9, RGB: (249, 249, 249); KLĄTWA: #121212, RGB: (18, 18, 18)
Uproszczona wersja palety kolorów
Cień dodgerblue, Odcień mediumpurple, Cień darkgrey, Odcień salmon, Cień whitesmoke, Cień Czarny
Schemat kolorów został stworzony przez colourlock
Kody kolorów w palecie
Web Components Cognitive Spectrum kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #3a86ff | #3a86ff | RGB(58, 134, 255) | Template Blue | — |
| #9b5de5 | #9b5de5 | RGB(155, 93, 229) | Slot Violet | — |
| #adb5bd | #adb5bd | RGB(173, 181, 189) | Shadow DOM Gray | — |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Custom Tag Coral | Living Coral |
| #f9f9f9 | #f9f9f9 | RGB(249, 249, 249) | Render White | Doctor |
| #121212 | #121212 | RGB(18, 18, 18) | Attribute Black | Dark Tone Ink |
Kontrast palety kolorów
7 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#3a86ff | #9b5de5 | 1.18 |
#3a86ff | #adb5bd | 1.67 |
#3a86ff | #ff6f61 | 1.27 |
#9b5de5 | #adb5bd | 1.98 |
#9b5de5 | #ff6f61 | 1.51 |
#adb5bd | #ff6f61 | 1.31 |
