Creato a 06/30/2025 17:29
Front-End Builder Spectrum
- UI Clay#ececec
- Dev Coral#ff6f61
- Code Night#121212
- Edit Emerald#00c49a
- Outline Lilac#d6a2e8
- Grid Sky#a0d2db
La tavolozza è composta da Leggero, Buio colori. Colori accentati Dev Coral #ff6f61 e Edit Emerald #00c49a. La tavolozza ha la temperatura del colore Neutro, Caldo, Freddo.
Per luminosità, la tavolozza va da #121212 (più scuro) a #ECECEC (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): #00C49A, #121212, #A0D2DB, #D6A2E8, #ECECEC, #FF6F61
La tavolozza Front-End Builder Spectrum ha una combinazione di colori dei codici 6:
ESADECIMALE: #ececec, RGB: (236, 236, 236); ESADECIMALE: #ff6f61, RGB: (255, 111, 97); ESADECIMALE: #121212, RGB: (18, 18, 18)
ESADECIMALE: #00c49a, RGB: (0, 196, 154); ESADECIMALE: #d6a2e8, RGB: (214, 162, 232); ESADECIMALE: #a0d2db, RGB: (160, 210, 219)
Versione semplificata della tavolozza dei colori
Tonalità di whitesmoke, Tonalità di salmon, Ombra di Nero, Tonalità di mediumaquamarine, Ombra di plum, Tonalità di lightblue
La combinazione di colori è stata creata da bad_colors
Codici colori nella tavolozza
Front-End Builder Spectrum codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #ececec | #ececec | RGB(236, 236, 236) | UI Clay | — |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Dev Coral | Living Coral |
| #121212 | #121212 | RGB(18, 18, 18) | Code Night | Dark Tone Ink |
| #00c49a | #00c49a | RGB(0, 196, 154) | Edit Emerald | — |
| #d6a2e8 | #d6a2e8 | RGB(214, 162, 232) | Outline Lilac | — |
| #a0d2db | #a0d2db | RGB(160, 210, 219) | Grid Sky | — |
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 |
#ececec | #00c49a | 1.89 |
#ececec | #d6a2e8 | 1.74 |
#ececec | #a0d2db | 1.39 |
#ff6f61 | #00c49a | 1.21 |
#ff6f61 | #d6a2e8 | 1.32 |
#ff6f61 | #a0d2db | 1.65 |
Tavolozza immagini Front-End Builder Spectrum png
Esporta tavolozza
Scarica la "Front-End Builder Spectrum" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: