Utworzono o godz 06/22/2025 07:07
UI Component Interaction Shell
- Button Ruby#f94144
- Hover Ice#e9f7f6
- Dropdown Peach#ffe5b4
- Label Eggplant#9b5de5
- Dialog Fog#eceff1
- Sidebar Graphite#333533
Paleta składa się z kolorów Światło. Kolory akcentujące Dropdown Peach #ffe5b4 i Label Eggplant #9b5de5. Paleta ma temperaturę kolorów Ciepły, Neutralny, Zimny.
Według jasności paleta rozciąga się od #333533 (najciemniejszy) do #E9F7F6 (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).
Ogólna temperatura barw przechyla się ku ciepłu.
Kody HEX (posortowane): #333533, #9B5DE5, #E9F7F6, #ECEFF1, #F94144, #FFE5B4
Paleta UI Component Interaction Shell zawiera kombinację kolorów kodów 6:
KLĄTWA: #f94144, RGB: (249, 65, 68); KLĄTWA: #e9f7f6, RGB: (233, 247, 246); KLĄTWA: #ffe5b4, RGB: (255, 229, 180)
KLĄTWA: #9b5de5, RGB: (155, 93, 229); KLĄTWA: #eceff1, RGB: (236, 239, 241); KLĄTWA: #333533, RGB: (51, 53, 51)
Uproszczona wersja palety kolorów
Odcień tomato, Odcień azure, Cień moccasin, Odcień mediumpurple, Odcień whitesmoke, Odcień darkslategrey
Schemat kolorów został stworzony przez colorstudio
Kody kolorów w palecie
UI Component Interaction Shell kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #f94144 | #f94144 | RGB(249, 65, 68) | Button Ruby | — |
| #e9f7f6 | #e9f7f6 | RGB(233, 247, 246) | Hover Ice | — |
| #ffe5b4 | #ffe5b4 | RGB(255, 229, 180) | Dropdown Peach | Mouse Nose |
| #9b5de5 | #9b5de5 | RGB(155, 93, 229) | Label Eggplant | — |
| #eceff1 | #eceff1 | RGB(236, 239, 241) | Dialog Fog | — |
| #333533 | #333533 | RGB(51, 53, 51) | Sidebar Graphite | — |
Kontrast palety kolorów
4 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#f94144 | #9b5de5 | 1.15 |
#e9f7f6 | #ffe5b4 | 1.11 |
#e9f7f6 | #eceff1 | 1.05 |
#ffe5b4 | #eceff1 | 1.06 |
Paleta obrazów UI Component Interaction Shell png
Eksportuj paletę
Pobierz "UI Component Interaction Shell" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: