Creato a 06/27/2025 10:59
Cross-Platform UX Theme System
- Screen Aqua#67e8f9
- Device Ink#1f2937
- Interaction Cream#fef9c3
- Native Rose#f472b6
- Context Lilac#c084fc
- Content Fog#e5e7eb
- Frame Indigo#6366f1
La tavolozza è composta da Leggero, Buio colori. Colori accentati Interaction Cream #fef9c3 e Context Lilac #c084fc. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #1F2937 (più scuro) a #E5E7EB (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto).
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #1F2937, #6366F1, #67E8F9, #C084FC, #E5E7EB, #F472B6, #FEF9C3
La tavolozza Cross-Platform UX Theme System ha una combinazione di colori dei codici 7:
ESADECIMALE: #67e8f9, RGB: (103, 232, 249); ESADECIMALE: #1f2937, RGB: (31, 41, 55); ESADECIMALE: #fef9c3, RGB: (254, 249, 195)
ESADECIMALE: #f472b6, RGB: (244, 114, 182); ESADECIMALE: #c084fc, RGB: (192, 132, 252); ESADECIMALE: #e5e7eb, RGB: (229, 231, 235)
ESADECIMALE: #6366f1, RGB: (99, 102, 241)
Versione semplificata della tavolozza dei colori
Ombra di cyan, Ombra di Nero, Tonalità di lemonchiffon, Ombra di hotpink, Tonalità di violet, Ombra di gainsboro, Tonalità di mediumslateblue
La combinazione di colori è stata creata da hex
Codici colori nella tavolozza
Cross-Platform UX Theme System codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #67e8f9 | #67e8f9 | RGB(103, 232, 249) | Screen Aqua | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Device Ink | — |
| #fef9c3 | #fef9c3 | RGB(254, 249, 195) | Interaction Cream | — |
| #f472b6 | #f472b6 | RGB(244, 114, 182) | Native Rose | — |
| #c084fc | #c084fc | RGB(192, 132, 252) | Context Lilac | — |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Content Fog | — |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Frame Indigo | — |
Contrasto della palette di colori
8 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 |
#67e8f9 | #fef9c3 | 1.34 |
#67e8f9 | #f472b6 | 1.82 |
#67e8f9 | #c084fc | 1.82 |
#67e8f9 | #e5e7eb | 1.17 |
#fef9c3 | #e5e7eb | 1.15 |
#f472b6 | #c084fc | 1 |
Tavolozza immagini Cross-Platform UX Theme System png
Esporta tavolozza
Scarica la "Cross-Platform UX Theme System" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: