Responsive Layout Builder UI
- AutoGrid Sky#a0e7e5
- Padding Blush#ffd6e0
- Column Mist#eaeaea
- Hover Yellow#fce38a
- Viewport Ink#121212
Creato il 07/08/2025 19:43
La tavolozza è composta da Chiaro, Scuro colori. Colori d'accento AutoGrid Sky #a0e7e5 e Padding Blush #ffd6e0. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #121212 (più scuro) a #EAEAEA (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto) — il 60% dei colori è vivido.
Alcuni colori sono quasi opposti sulla ruota dei colori e danno alla palette un contrasto complementare.
Complessivamente la temperatura tende al caldo (2 su 5).
Codici HEX (ordinati): #121212, #A0E7E5, #EAEAEA, #FCE38A, #FFD6E0
La tavolozza Responsive Layout Builder UI combina 5 codici colore:
HEX: #a0e7e5, RGB: (160, 231, 229); HEX: #ffd6e0, RGB: (255, 214, 224); HEX: #eaeaea, RGB: (234, 234, 234)
HEX: #fce38a, RGB: (252, 227, 138); HEX: #121212, RGB: (18, 18, 18)
Versione semplificata della tavolozza dei colori
Sfumatura di Turchese pallido, Tinta di Rosa, Sfumatura di Fumo bianco, Tinta di Cachi, Tinta di Nero
La combinazione di colori è stata creata da colorday
Codici colori nella tavolozza
Responsive Layout Builder UI codici colore HEX, informazioni RGB in tabella
Contrasto della palette di colori
6 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 |
|---|---|---|
#a0e7e5 | #ffd6e0 | 1.05 |
#a0e7e5 | #eaeaea | 1.15 |
#a0e7e5 | #fce38a | 1.09 |
#ffd6e0 | #eaeaea | 1.09 |
#ffd6e0 | #fce38a | 1.03 |
#eaeaea | #fce38a | 1.05 |
Tavolozza immagini Responsive Layout Builder UI png
Esporta tavolozza
Scarica la "Responsive Layout Builder UI" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: