Loading...
Creato a 07/11/2025 09:36
Data-Driven React Aesthetic
- Hook Yellow#ffd23f
- Virtual DOM Azure#007ea7
- Component Padding Coral#ff6f59
- Test Coverage Violet#9d4edd
- Structure White Smoke#f5f5f5
La tavolozza è composta da Leggero colori. Colori accentati Hook Yellow #ffd23f e Virtual DOM Azure #007ea7. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
Per luminosità, la tavolozza va da #007EA7 (più scuro) a #F5F5F5 (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).
Note calde e fredde sono abbastanza bilanciate.
Codici HEX (ordinati): #007EA7, #9D4EDD, #F5F5F5, #FF6F59, #FFD23F
La tavolozza Data-Driven React Aesthetic ha una combinazione di colori dei codici 5:
ESADECIMALE: #ffd23f, RGB: (255, 210, 63); ESADECIMALE: #007ea7, RGB: (0, 126, 167); ESADECIMALE: #ff6f59, RGB: (255, 111, 89)
ESADECIMALE: #9d4edd, RGB: (157, 78, 221); ESADECIMALE: #f5f5f5, RGB: (245, 245, 245)
Versione semplificata della tavolozza dei colori
Ombra di gold, Tonalità di steelblue, Ombra di tomato, Ombra di darkorchid
La combinazione di colori è stata creata da colourlock
Codici colori nella tavolozza
Data-Driven React Aesthetic codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #ffd23f | #ffd23f | RGB(255, 210, 63) | Hook Yellow | — |
| #007ea7 | #007ea7 | RGB(0, 126, 167) | Virtual DOM Azure | — |
| #ff6f59 | #ff6f59 | RGB(255, 111, 89) | Component Padding Coral | — |
| #9d4edd | #9d4edd | RGB(157, 78, 221) | Test Coverage Violet | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Structure White Smoke | White Smoke |
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 |
#ffd23f | #ff6f59 | 1.89 |
#ffd23f | #f5f5f5 | 1.32 |
#007ea7 | #ff6f59 | 1.68 |
#007ea7 | #9d4edd | 1 |
#ff6f59 | #9d4edd | 1.67 |
Tavolozza immagini Data-Driven React Aesthetic png
Esporta tavolozza
Scarica la "Data-Driven React Aesthetic" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: