Approfondimenti sul codice colore #AFB649
Tutte le conversioni, armonie e controlli di accessibilità di cui hai bisogno per progettare con sicurezza.
Conversione Colore
Genera valori attraverso più modelli di colore in un unico posto.
#AFB649
≈≈ Blu Acciaio
Schede colore di riferimento
Un ΔE inferiore significa una corrispondenza visiva più vicina
Tinte e sfumature
Scopri come si comporta #AFB649 quando lo mescoli con il bianco o il nero. Questi campioni sono perfetti per stati hover, ombre e sfondi.
Passa il mouse per copiare qualsiasi valore hex e riutilizzarlo nella tua interfaccia.
Sfumature
0–100%Tinte
0–100%Casi d'uso comuni
- Stati dei componenti UI (hover, attivo, disabilitato)
- Creazione di profondità con ombre e luci
- Costruzione di sistemi di colore coerenti
Sistema di design
Suggerimento per il sistema di design
Queste variazioni costituiscono la base di una palette coesa. Esportale per mantenere allineati marketing, prodotto e ingegneria.
Armonie di colore
Crea istantaneamente palette equilibrate con armonie generate da #AFB649.
Clicca su qualsiasi campione per aprire la sua pagina di dettaglio e continuare l'esplorazione.
Come usare
Scegli un colore dominante, quindi lascia che le tonalità di supporto agiscano come accenti per tipografia, superfici e pulsanti di invito all'azione.
Perché è importante
Le armonie equilibrate comunicano l'intento—calma, energia, qualità premium—senza sovraccaricare il layout.
Complementare
Tonalità opposte che creano impatto e contrasto audace.
Ideale per
CTA ad alto impatto, loghi e sezioni hero
Analoga
Tonalità vicine per gradienti naturali e fluidi.
Ideale per
Dashboard rilassanti e ispirate alla natura
Triadica
Tre tonalità equidistanti per un equilibrio giocoso.
Ideale per
Branding giocoso e layout editoriali
Tetradica
Due coppie complementari che offrono una ricca varietà.
Ideale per
Illustrazioni ed esperimenti di marketing
Contrasto di accessibilità
Verifica la leggibilità di #AFB649 con i colori di testo comuni in modo che ogni visitatore goda di un'esperienza chiara.
Usa AA come base per il corpo del testo e AAA per un'accessibilità premium.
Formati Tecnici
Sblocca spazi colore professionali come XYZ, LAB, varianti CMYK e profili pronti per l'esportazione.
Formati Pratici
Ottieni simulazioni di stampa, mappature LED e ordini di byte pronti per gli sviluppatori.
Analisi Colore
Immergiti nei dati spettrali, nei rapporti di dominanza e nelle analisi avanzate.
Simulatore Cecità
Anteprima di come appare #AFB649 nelle comuni deficienze della visione dei colori.
Aspetti Creativi
Esplora associazioni stagionali, segnali emotivi e occorrenze naturali.
Guida al design
Equilibrio
Tratta #AFB649 come un elemento in evidenza. Abbinalo a colori neutri e a una tonalità di supporto per evitare il sovraccarico visivo.
Contrasto
Testa le combinazioni con contenuti reali. Un contrasto più elevato migliora la scansione, la leggibilità e le conversioni.
Armonia
Usa tinte più chiare per le superfici, il colore base per gli elementi primari e sfumature più scure per gli stati hover o premuti.
Hai bisogno di un altro colore?
Torna al selettore di colori per caricare immagini, generare palette ed esplorare nuove relazioni cromatiche.
Apri selettore di colori