Conversione Colore
#ee7536
Variazioni
Lo scopo di questa sezione è produrre accuratamente tinte (aggiunta di bianco puro) e ombre (aggiunta di nero puro) del tuo colore selezionato in incrementi del 10%.
Suggerimento Pro: Usa le ombre per stati hover e ombre, le tinte per evidenziazioni e sfondi.
Ombre
Variazioni più scure create aggiungendo nero al tuo colore base.
Tinte
Variazioni più chiare create aggiungendo bianco al tuo colore base.
Casi d'uso comuni
- • Stati dei componenti UI (hover, attivo, disabilitato)
- • Creare profondità con ombre e luci
- • Costruire sistemi di colore coerenti
Suggerimento per il Design System
Queste variazioni formano la base di una palette di colori coesa. Esportale per mantenere la coerenza in tutto il tuo progetto.
Combinazioni di colori
Ogni armonia ha il suo umore. Usa le armonie per generare idee di combinazioni di colori che funzionano bene insieme.
Come usare
Clicca su qualsiasi colore per copiare il suo valore hex. Queste combinazioni sono matematicamente provate per creare armonia visiva.
Perché è importante
Le armonie di colore creano equilibrio ed evocano emozioni specifiche nei tuoi design.
Complementare
Un colore e il suo opposto sulla ruota dei colori, +180 gradi di tonalità. Alto contrasto.
Complementare diviso
Un colore e due adiacenti al suo complementare, +/-30 gradi di tonalità dal valore opposto al colore principale. Audace come un complementare diretto, ma più versatile.
Triadico
Tre colori equidistanti sulla ruota dei colori, ciascuno a 120 gradi di tonalità. Meglio lasciare che un colore domini e usare gli altri come accenti.
Analoghi
Tre colori con la stessa luminanza e saturazione con tonalità adiacenti sulla ruota dei colori, a 30 gradi di distanza. Transizioni fluide.
Monocromatico
Tre colori della stessa tonalità con valori di luminanza +/-50%. Sottile e raffinato.
Tetradico
Due set di colori complementari, separati da 60 gradi di tonalità.
Principi della teoria del colore
Equilibrio
Usa un colore dominante, supportato da uno secondario e accenti con parsimonia.
Contrasto
Assicurati che ci sia sufficiente contrasto per leggibilità e accessibilità.
Armonia
I colori dovrebbero lavorare insieme per creare un'esperienza visiva unificata.
Verifica contrasto colore
Testa le combinazioni di colori per assicurarti che rispettino gli standard di accessibilità WCAG per la leggibilità del testo.
Colore del testo
Colore di sfondo
Contrasto
Standard WCAG
Controllo contrasto avanzato
Affina con cursori, anteprime multiple e altro
Tutti sono dei geni. Ma se giudichi un pesce dalla sua capacità di arrampicarsi sugli alberi, passerà tutta la vita a credere di essere stupido.
Formati Tecnici
Formati pratici
Analisi del colore
Simulatore di daltonismo
Aspetti creativi
Domande frequenti
- Che colore è #EE7536?
- #EE7536 è Mandarino Mediterraneo – Un arancio brillante e caldo, tagliente ma non accecante, che richiama scorze mature e tramonti bassi sul mare. Evoca energia fatta di calore domestico e un pizzico di audacia solare.
- Cosa simboleggia Mandarino Mediterraneo?
- Vitalità e appetito, Accessibilità informale, Festa e convivialità, Avanguardia amichevole, Sicurezza dinamica (se usato come segnale). Nella cultura mediterranea e latina l'arancione richiama frutti maturi, festa e calore famigliare; in Giappone toni simili segnano stagioni e festività autunnali; in alcune tradizioni indiane, l'arancione è sacro e associato a devozione e energia spirituale.
- Dove viene utilizzato Mandarino Mediterraneo nel design?
- In uno spazio o interfaccia questa sfumatura attira subito l'attenzione e accelera la reazione degli utenti grazie alla sua brillantezza; nello stesso tempo crea un senso di convivialità e appetibilità utile per brand alimentari o lifestyle. Usata su superfici ampie può stimolare socialità, mentre come accento cognitivo guida lo sguardo verso elementi funzionali.
- Quali colori si abbinano bene con Mandarino Mediterraneo?
- colorCode.seoFaqPairingAnswer #118AC9: Complementare diretto (contrasto cromatico): il blu-ciano opposto valorizza la vivacità dell'arancio e migliora leggibilità e presenza visiva.. #EEC236: Analogico caldo (armonico): un giallo dorato crea una scala calda e riconoscibile, utile per gradienti di packaging e illustrazioni.. #36C96E: Triadico equilibrato: un verde brillante completa la triade per palette dinamiche e naturali, ottima per prodotti freschi..
- Come influenza l'umore Mandarino Mediterraneo?
- Calore energico con una punta di audacia mediterranea Provoca un'immediata sensazione di calore energico e appetibilità. colorCode.seoFaqMoodTraits
- Quali settori utilizzano Mandarino Mediterraneo?
- colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
- Qual è la storia di Mandarino Mediterraneo?
- La gamma di aranci a cui appartiene #EE7536 ha radici antiche: i pittori usavano miscele di ocra gialla con vermiglione (cinabro) o pigmenti naturali come realgar e orpimento per ottenere aranci caldi; nei secoli tardi le tecniche di preparazione e la comparsa del giallo cromo e dei pigmenti a base di cadmio hanno permesso tonalità più stabili e brillanti simili a questa.
- Come utilizzare Mandarino Mediterraneo nel design?
- Mantieni sempre un ancoraggio cromatico scuro o neutro (blu profondo o grigio caldo) per modulare la sua energia.colorCode.seoFaqDesignDo
- Mandarino Mediterraneo è accessibile?
- colorCode.seoFaqAccessibilityAnswer Rispetta WCAG AA per testo normale e grande.