Hero Roster Dashboard UI
- Hero Tag Cyan#22d3ee
- Class Color Red#f87171
- Ability Icon Yellow#facc15
- Power Meter Purple#a78bfa
- UI Border Slate#64748b
- Dark Mode Panel#0f172a
Utworzono 06/09/2025 19:39
Paleta składa się z kolorów Jasny, Półciemny, Ciemny. Kolory akcentujące Ability Icon Yellow #facc15 i Power Meter Purple #a78bfa. Paleta ma temperaturę kolorów Zimny, Ciepły.
Według jasności paleta rozciąga się od #0F172A (najciemniejszy) do #FACC15 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma) — 67% kolorów jest żywych.
Niektóre kolory leżą niemal naprzeciw siebie na kole barw, co daje palecie kontrast dopełniający.
Ogólna temperatura barw przechyla się ku zimnu (4 z 6).
Kody HEX (posortowane): #0F172A, #22D3EE, #64748B, #A78BFA, #F87171, #FACC15
Paleta Hero Roster Dashboard UI łączy 6 kodów kolorów:
HEX: #22d3ee, RGB: (34, 211, 238); HEX: #f87171, RGB: (248, 113, 113); HEX: #facc15, RGB: (250, 204, 21)
HEX: #a78bfa, RGB: (167, 139, 250); HEX: #64748b, RGB: (100, 116, 139); HEX: #0f172a, RGB: (15, 23, 42)
Uproszczona wersja palety kolorów
Jasny odcień Ciemnoturkusowy, Ciemny odcień Jasnokoralowy, Ciemny odcień Złoty, Jasny odcień Średni fioletowy, Ciemny odcień Łupkowy szary, Jasny odcień Czarny
Schemat kolorów został stworzony przez hex
Kody kolorów w palecie
Hero Roster Dashboard UI kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #22d3ee | #22d3ee | RGB(34, 211, 238) | Hero Tag Cyan | — |
| #f87171 | #f87171 | RGB(248, 113, 113) | Class Color Red | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | Ability Icon Yellow | — |
| #a78bfa | #a78bfa | RGB(167, 139, 250) | Power Meter Purple | — |
| #64748b | #64748b | RGB(100, 116, 139) | UI Border Slate | — |
| #0f172a | #0f172a | RGB(15, 23, 42) | Dark Mode Panel | — |
Kontrast palety kolorów
8 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#22d3ee | #f87171 | 1.53 |
#22d3ee | #facc15 | 1.18 |
#22d3ee | #a78bfa | 1.5 |
#f87171 | #facc15 | 1.8 |
#f87171 | #a78bfa | 1.01 |
#f87171 | #64748b | 1.72 |
Paleta obrazów Hero Roster Dashboard UI png
Eksportuj paletę
Pobierz "Hero Roster Dashboard UI" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: