Utworzono o godz 07/28/2025 11:05
Web Component Accessibility Stack
- Contrast Navy#1a1d3f
- Readable White#ffffff
- Flowchart Blue#3a86ff
- Modal Gray#e0e0e0
- Highlight Magenta#ff4ecc
- Interaction Gold#ffd23f
- UI Fog#f9fafb
Paleta składa się z kolorów Ciemny, Światło. Kolory akcentujące Flowchart Blue #3a86ff i Interaction Gold #ffd23f. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.
Według jasności paleta rozciąga się od #1A1D3F (najciemniejszy) do #FFFFFF (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — część próbek stonowana, część żywsza.
Niektóre pary barw są blisko pozycji dopełniających — można to odczytać jako kontrast dopełniający (heurystyka).
Ciepłe i zimne próbki są dość zrównoważone.
Kody HEX (posortowane): #1A1D3F, #3A86FF, #E0E0E0, #F9FAFB, #FF4ECC, #FFD23F, #FFFFFF
Paleta Web Component Accessibility Stack zawiera kombinację kolorów kodów 7:
KLĄTWA: #1a1d3f, RGB: (26, 29, 63); KLĄTWA: #ffffff, RGB: (255, 255, 255); KLĄTWA: #3a86ff, RGB: (58, 134, 255)
KLĄTWA: #e0e0e0, RGB: (224, 224, 224); KLĄTWA: #ff4ecc, RGB: (255, 78, 204); KLĄTWA: #ffd23f, RGB: (255, 210, 63)
KLĄTWA: #f9fafb, RGB: (249, 250, 251)
Uproszczona wersja palety kolorów
Odcień midnightblue, Biały, Cień dodgerblue, Cień gainsboro, Odcień hotpink, Cień gold, Cień whitesmoke
Schemat kolorów został stworzony przez bad_colors
Kody kolorów w palecie
Web Component Accessibility Stack kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #1a1d3f | #1a1d3f | RGB(26, 29, 63) | Contrast Navy | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Readable White | White |
| #3a86ff | #3a86ff | RGB(58, 134, 255) | Flowchart Blue | — |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | Modal Gray | Gray88 |
| #ff4ecc | #ff4ecc | RGB(255, 78, 204) | Highlight Magenta | — |
| #ffd23f | #ffd23f | RGB(255, 210, 63) | Interaction Gold | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | UI Fog | — |
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 |
#ffffff | #e0e0e0 | 1.32 |
#ffffff | #ffd23f | 1.44 |
#ffffff | #f9fafb | 1.04 |
#3a86ff | #ff4ecc | 1.19 |
#e0e0e0 | #ffd23f | 1.09 |
#e0e0e0 | #f9fafb | 1.26 |
Paleta obrazów Web Component Accessibility Stack png
Eksportuj paletę
Pobierz "Web Component Accessibility Stack" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: