Creato a 07/22/2025 17:03
Autonomous Web Application Theme
- Lidar Lime#b4ff9f
- Navigation Navy#1d3557
- Detection Orange#ffa69e
- Sensor Gray#a8a8a8
- Drive Black#000814
- UI Overlay White#ffffff
La tavolozza è composta da Leggero, Buio colori. Colori accentati Lidar Lime #b4ff9f e Detection Orange #ffa69e. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #000814 (più scuro) a #FFFFFF (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).
La maggior parte dei campioni risulta neutra in temperatura.
Codici HEX (ordinati): #000814, #1D3557, #A8A8A8, #B4FF9F, #FFA69E, #FFFFFF
La tavolozza Autonomous Web Application Theme ha una combinazione di colori dei codici 6:
ESADECIMALE: #b4ff9f, RGB: (180, 255, 159); ESADECIMALE: #1d3557, RGB: (29, 53, 87); ESADECIMALE: #ffa69e, RGB: (255, 166, 158)
ESADECIMALE: #a8a8a8, RGB: (168, 168, 168); ESADECIMALE: #000814, RGB: (0, 8, 20); ESADECIMALE: #ffffff, RGB: (255, 255, 255)
Versione semplificata della tavolozza dei colori
Ombra di palegreen, Ombra di midnightblue, Tonalità di lightpink, Tonalità di darkgrey, Ombra di Nero, Bianco
La combinazione di colori è stata creata da palettespicker
Codici colori nella tavolozza
Autonomous Web Application Theme codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #b4ff9f | #b4ff9f | RGB(180, 255, 159) | Lidar Lime | — |
| #1d3557 | #1d3557 | RGB(29, 53, 87) | Navigation Navy | — |
| #ffa69e | #ffa69e | RGB(255, 166, 158) | Detection Orange | — |
| #a8a8a8 | #a8a8a8 | RGB(168, 168, 168) | Sensor Gray | Uniform Grey |
| #000814 | #000814 | RGB(0, 8, 20) | Drive Black | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | UI Overlay White | White |
Contrasto della palette di colori
5 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 |
#b4ff9f | #ffa69e | 1.58 |
#b4ff9f | #ffffff | 1.18 |
#1d3557 | #000814 | 1.62 |
#ffa69e | #a8a8a8 | 1.26 |
#ffa69e | #ffffff | 1.87 |
Tavolozza immagini Autonomous Web Application Theme png
Esporta tavolozza
Scarica la "Autonomous Web Application Theme" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: