Creato a 07/13/2025 17:39
No-Code Builder Interface Colors
- Drag Block Cyan#40e0d0
- Canvas White#ffffff
- Widget Orange#ffa351
- Flow Link Grey#a0a0a0
- Preview Black#1f1f1f
- Template Lavender#cabbe9
La tavolozza è composta da Leggero, Buio colori. Colori accentati Drag Block Cyan #40e0d0 e Widget Orange #ffa351. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #1F1F1F (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).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #1F1F1F, #40E0D0, #A0A0A0, #CABBE9, #FFA351, #FFFFFF
La tavolozza No-Code Builder Interface Colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #40e0d0, RGB: (64, 224, 208); ESADECIMALE: #ffffff, RGB: (255, 255, 255); ESADECIMALE: #ffa351, RGB: (255, 163, 81)
ESADECIMALE: #a0a0a0, RGB: (160, 160, 160); ESADECIMALE: #1f1f1f, RGB: (31, 31, 31); ESADECIMALE: #cabbe9, RGB: (202, 187, 233)
Versione semplificata della tavolozza dei colori
Bianco, Ombra di sandybrown, Tonalità di darkgrey, Ombra di Nero, Tonalità di thistle
La combinazione di colori è stata creata da coolor
Codici colori nella tavolozza
No-Code Builder Interface Colors codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #40e0d0 | #40e0d0 | RGB(64, 224, 208) | Drag Block Cyan | Fresh Turquoise |
| #ffffff | #ffffff | RGB(255, 255, 255) | Canvas White | White |
| #ffa351 | #ffa351 | RGB(255, 163, 81) | Widget Orange | — |
| #a0a0a0 | #a0a0a0 | RGB(160, 160, 160) | Flow Link Grey | — |
| #1f1f1f | #1f1f1f | RGB(31, 31, 31) | Preview Black | Gray12 |
| #cabbe9 | #cabbe9 | RGB(202, 187, 233) | Template Lavender | — |
Contrasto della palette di colori
9 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 |
#40e0d0 | #ffffff | 1.64 |
#40e0d0 | #ffa351 | 1.2 |
#40e0d0 | #a0a0a0 | 1.59 |
#40e0d0 | #cabbe9 | 1.08 |
#ffffff | #ffa351 | 1.97 |
#ffffff | #cabbe9 | 1.78 |
Tavolozza immagini No-Code Builder Interface Colors png
Esporta tavolozza
Scarica la "No-Code Builder Interface Colors" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: