Utworzono o godz 06/26/2025 08:26
Interactive UI Elements Library
- Hover Blue#3b82f6
- Focus Mint#34d399
- Press Charcoal#1f2937
- Disabled Fog#e5e7eb
- Active Apricot#fdba74
- Shadow Indigo#6366f1
- Ripple Rose#f9a8d4
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Hover Blue #3b82f6 i Active Apricot #fdba74. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.
Według jasności paleta rozciąga się od #1F2937 (najciemniejszy) do #E5E7EB (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma).
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 zimnu.
Kody HEX (posortowane): #1F2937, #34D399, #3B82F6, #6366F1, #E5E7EB, #F9A8D4, #FDBA74
Paleta Interactive UI Elements Library zawiera kombinację kolorów kodów 7:
KLĄTWA: #3b82f6, RGB: (59, 130, 246); KLĄTWA: #34d399, RGB: (52, 211, 153); KLĄTWA: #1f2937, RGB: (31, 41, 55)
KLĄTWA: #e5e7eb, RGB: (229, 231, 235); KLĄTWA: #fdba74, RGB: (253, 186, 116); KLĄTWA: #6366f1, RGB: (99, 102, 241)
KLĄTWA: #f9a8d4, RGB: (249, 168, 212)
Uproszczona wersja palety kolorów
Odcień dodgerblue, Odcień mediumaquamarine, Cień Czarny, Cień gainsboro, Cień sandybrown, Odcień mediumslateblue, Cień plum
Schemat kolorów został stworzony przez colorday
Kody kolorów w palecie
Interactive UI Elements Library kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Hover Blue | — |
| #34d399 | #34d399 | RGB(52, 211, 153) | Focus Mint | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Press Charcoal | — |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Disabled Fog | — |
| #fdba74 | #fdba74 | RGB(253, 186, 116) | Active Apricot | — |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Shadow Indigo | — |
| #f9a8d4 | #f9a8d4 | RGB(249, 168, 212) | Ripple Rose | — |
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 |
#3b82f6 | #34d399 | 1.91 |
#3b82f6 | #6366f1 | 1.21 |
#34d399 | #e5e7eb | 1.55 |
#34d399 | #fdba74 | 1.13 |
#34d399 | #f9a8d4 | 1.06 |
#e5e7eb | #fdba74 | 1.36 |
Paleta obrazów Interactive UI Elements Library png
Eksportuj paletę
Pobierz "Interactive UI Elements Library" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: