Creato a 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
La tavolozza è composta da Leggero, Buio colori. Colori accentati Fitness Green #8ee4af e Heart Pink #ff90b3. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #121212 (più scuro) a #DADADA (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Note calde e fredde sono abbastanza bilanciate.
Codici HEX (ordinati): #121212, #8EE4AF, #B0E0E6, #DADADA, #FF6B6B, #FF90B3
La tavolozza Wearable UI Component Library ha una combinazione di colori dei codici 6:
ESADECIMALE: #8ee4af, RGB: (142, 228, 175); ESADECIMALE: #b0e0e6, RGB: (176, 224, 230); ESADECIMALE: #ff90b3, RGB: (255, 144, 179)
ESADECIMALE: #ff6b6b, RGB: (255, 107, 107); ESADECIMALE: #dadada, RGB: (218, 218, 218); ESADECIMALE: #121212, RGB: (18, 18, 18)
Versione semplificata della tavolozza dei colori
Ombra di mediumaquamarine, Ombra di hotpink, Tonalità di salmon, Tonalità di gainsboro, Ombra di Nero
La combinazione di colori è stata creata da colorday
Codici colori nella tavolozza
Wearable UI Component Library codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #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 |
Contrasto della palette di colori
10 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
| Colore del testo | Colore di sfondo | Rapporto di contrasto |
#8ee4af | #b0e0e6 | 1.05 |
#8ee4af | #ff90b3 | 1.4 |
#8ee4af | #ff6b6b | 1.83 |
#8ee4af | #dadada | 1.08 |
#b0e0e6 | #ff90b3 | 1.48 |
#b0e0e6 | #ff6b6b | 1.93 |
Tavolozza immagini Wearable UI Component Library png
Esporta tavolozza
Scarica la "Wearable UI Component Library" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: