Creato a 06/19/2025 20:43
Low-Code UI Component Builder
- Drag Yellow#fff066
- Snap Sky#b3e5fc
- Canvas Cloud#f2f2f2
- Node Black#212121
- Template Purple#bb86fc
- Logic Jade#00a878
La tavolozza è composta da Leggero, Buio colori. Colori accentati Drag Yellow #fff066 e Template Purple #bb86fc. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
Per luminosità, la tavolozza va da #212121 (più scuro) a #F2F2F2 (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): #00A878, #212121, #B3E5FC, #BB86FC, #F2F2F2, #FFF066
La tavolozza Low-Code UI Component Builder ha una combinazione di colori dei codici 6:
ESADECIMALE: #fff066, RGB: (255, 240, 102); ESADECIMALE: #b3e5fc, RGB: (179, 229, 252); ESADECIMALE: #f2f2f2, RGB: (242, 242, 242)
ESADECIMALE: #212121, RGB: (33, 33, 33); ESADECIMALE: #bb86fc, RGB: (187, 134, 252); ESADECIMALE: #00a878, RGB: (0, 168, 120)
Versione semplificata della tavolozza dei colori
Ombra di Cachi, Ombra di lightblue, Tonalità di whitesmoke, Ombra di Nero, Ombra di mediumpurple, Tonalità di mediumseagreen
La combinazione di colori è stata creata da palettespicker
Codici colori nella tavolozza
Low-Code UI Component Builder codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #fff066 | #fff066 | RGB(255, 240, 102) | Drag Yellow | — |
| #b3e5fc | #b3e5fc | RGB(179, 229, 252) | Snap Sky | — |
| #f2f2f2 | #f2f2f2 | RGB(242, 242, 242) | Canvas Cloud | Gray95 |
| #212121 | #212121 | RGB(33, 33, 33) | Node Black | Lead |
| #bb86fc | #bb86fc | RGB(187, 134, 252) | Template Purple | — |
| #00a878 | #00a878 | RGB(0, 168, 120) | Logic Jade | — |
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 |
#fff066 | #b3e5fc | 1.15 |
#fff066 | #f2f2f2 | 1.04 |
#b3e5fc | #f2f2f2 | 1.2 |
#b3e5fc | #bb86fc | 1.95 |
#bb86fc | #00a878 | 1.15 |
Tavolozza immagini Low-Code UI Component Builder png
Esporta tavolozza
Scarica la "Low-Code UI Component Builder" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: