Utworzono o godz 07/28/2025 19:47
Wearable UI Component Library
- Fitness Green#8ee4af
- Steps Blue#b0e0e6
- Heart Pink#ff90b3
- Alert Red#ff6b6b
- Screen Gray#dadada
- Strap Black#121212
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Fitness Green #8ee4af i Heart Pink #ff90b3. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #121212 (najciemniejszy) do #DADADA (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): #121212, #8EE4AF, #B0E0E6, #DADADA, #FF6B6B, #FF90B3
Paleta Wearable UI Component Library zawiera kombinację kolorów kodów 6:
KLĄTWA: #8ee4af, RGB: (142, 228, 175); KLĄTWA: #b0e0e6, RGB: (176, 224, 230); KLĄTWA: #ff90b3, RGB: (255, 144, 179)
KLĄTWA: #ff6b6b, RGB: (255, 107, 107); KLĄTWA: #dadada, RGB: (218, 218, 218); KLĄTWA: #121212, RGB: (18, 18, 18)
Uproszczona wersja palety kolorów
Cień mediumaquamarine, Cień hotpink, Odcień salmon, Odcień gainsboro, Cień Czarny
Schemat kolorów został stworzony przez colorday
Kody kolorów w palecie
Wearable UI Component Library kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #8ee4af | #8ee4af | RGB(142, 228, 175) | Fitness Green | — |
| #b0e0e6 | #b0e0e6 | RGB(176, 224, 230) | Steps Blue | Powder Blue |
| #ff90b3 | #ff90b3 | RGB(255, 144, 179) | Heart Pink | — |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Alert Red | — |
| #dadada | #dadada | RGB(218, 218, 218) | Screen Gray | — |
| #121212 | #121212 | RGB(18, 18, 18) | Strap Black | Dark Tone Ink |
Kontrast palety kolorów
10 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#8ee4af | #b0e0e6 | 1.05 |
#8ee4af | #ff90b3 | 1.4 |
#8ee4af | #ff6b6b | 1.83 |
#8ee4af | #dadada | 1.08 |
#b0e0e6 | #ff90b3 | 1.48 |
#b0e0e6 | #ff6b6b | 1.93 |
Paleta obrazów Wearable UI Component Library png
Eksportuj paletę
Pobierz "Wearable UI Component Library" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: