Visual Debug Web Toolkit
- Breakpoint Yellow#fde047
- Inspect Cyan#22d3ee
- Node Gray#6b7280
- DevGrid White#f9fafb
- Runtime Plum#c084fc
- Panel Charcoal#111827
- Flag Red#f43f5e
Utworzono 06/26/2025 08:36
Paleta składa się z kolorów Jasny, Półciemny, Ciemny. Kolory akcentujące Breakpoint Yellow #fde047 i Runtime Plum #c084fc. Paleta ma temperaturę kolorów Ciepły, Zimny, Neutralny.
Według jasności paleta rozciąga się od #111827 (najciemniejszy) do #F9FAFB (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma) — 57% kolorów jest żywych.
Niektóre kolory leżą niemal naprzeciw siebie na kole barw, co daje palecie kontrast dopełniający.
Ciepłe i zimne próbki są dość zrównoważone (2 ciepłych, 2 zimnych).
Kody HEX (posortowane): #111827, #22D3EE, #6B7280, #C084FC, #F43F5E, #F9FAFB, #FDE047
Paleta Visual Debug Web Toolkit łączy 7 kodów kolorów:
HEX: #fde047, RGB: (253, 224, 71); HEX: #22d3ee, RGB: (34, 211, 238); HEX: #6b7280, RGB: (107, 114, 128)
HEX: #f9fafb, RGB: (249, 250, 251); HEX: #c084fc, RGB: (192, 132, 252); HEX: #111827, RGB: (17, 24, 39)
HEX: #f43f5e, RGB: (244, 63, 94)
Uproszczona wersja palety kolorów
Jasny odcień Złoty, Jasny odcień Ciemnoturkusowy, Ciemny odcień Łupkowy szary, Jasny odcień Biały dym, Ciemny odcień Fiołkowy, Jasny odcień Czarny, Ciemny odcień Indyjska czerwień
Schemat kolorów został stworzony przez colorday
Kody kolorów w palecie
Visual Debug Web Toolkit kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #fde047 | #fde047 | RGB(253, 224, 71) | Breakpoint Yellow | — |
| #22d3ee | #22d3ee | RGB(34, 211, 238) | Inspect Cyan | — |
| #6b7280 | #6b7280 | RGB(107, 114, 128) | Node Gray | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | DevGrid White | — |
| #c084fc | #c084fc | RGB(192, 132, 252) | Runtime Plum | — |
| #111827 | #111827 | RGB(17, 24, 39) | Panel Charcoal | — |
| #f43f5e | #f43f5e | RGB(244, 63, 94) | Flag Red | — |
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 |
|---|---|---|
#fde047 | #22d3ee | 1.37 |
#fde047 | #f9fafb | 1.26 |
#22d3ee | #f9fafb | 1.72 |
#22d3ee | #c084fc | 1.46 |
#6b7280 | #c084fc | 1.82 |
#6b7280 | #f43f5e | 1.31 |
Paleta obrazów Visual Debug Web Toolkit png
Eksportuj paletę
Pobierz "Visual Debug Web Toolkit" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: