#3F5916 Sottobosco d'Oliva

    Genera codici colore, variazioni, armonie e controlla i rapporti di contrasto.

    Conversione Colore

    HEX

    #3f5916

    HEX
    #3f5916
    HSL
    83, 60, 22
    RGB
    63, 89, 22
    XYZ
    6, 8, 2
    CMYK
    29, 0, 75, 65
    LUV
    35,-8,36
    LAB
    35, -21, 34
    HWB
    83, 9, 65

    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.

    #3f5916
    Ideale per: Design ad alto impatto, CTA, loghi

    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.

    Ideale per: Layout vivaci ma equilibrati

    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.

    Ideale per: Design giocosi ed energici

    Analoghi

    Tre colori con la stessa luminanza e saturazione con tonalità adiacenti sulla ruota dei colori, a 30 gradi di distanza. Transizioni fluide.

    Ideale per: Interfacce ispirate alla natura, calmanti

    Monocromatico

    Tre colori della stessa tonalità con valori di luminanza +/-50%. Sottile e raffinato.

    Ideale per: Design minimalisti e sofisticati

    Tetradico

    Due set di colori complementari, separati da 60 gradi di tonalità.

    Ideale per: Schemi di colore ricchi e diversificati

    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
    1.00
    Fail
    Molto scarso
    Testo piccolo
    ✖︎
    Testo grande
    ✖︎
    Standard WCAG
    AA:Rapporto minimo di contrasto di 4.5:1 per testo normale e 3:1 per testo grande. Richiesto per la maggior parte dei siti web.
    AAA:Rapporto di contrasto migliorato di 7:1 per testo normale e 4.5:1 per testo grande. Raccomandato per un'ottimale accessibilità.
    Contrasto insufficiente per tutte le dimensioni del testo - non rispetta gli 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.

    - Albert Einstein

    Formati Tecnici

    Formati pratici

    Analisi del colore

    Simulatore di daltonismo

    Aspetti creativi

    Domande frequenti

    Che colore è #3F5916?
    #3F5916 è Sottobosco d'Oliva – Un verde oliva scuro, denso e leggermente giallastro che ricorda foglie giovani e sottobosco umido. Evoca radicamento tranquillo e pragmatico, con un tono rassicurante e lievemente austero.
    Cosa simboleggia Sottobosco d'Oliva?
    fertilità controllata, saggezza pratica, autenticità artigianale, legame con la terra, riserva e moderazione. In molte culture mediterranee il verde oliva è simbolo di pace, lavoro contadino e produzione alimentare (Grecia, Italia). In Giappone tonalità scure di verde vengono associate a natura e discrezione formale. Nei paesi occidentali contemporanei comunica sostenibilità e autenticità artigianale.
    Dove viene utilizzato Sottobosco d'Oliva nel design?
    In ambienti e design questo verde calma lo sguardo e riduce la tensione visiva, favorendo una sensazione di sicurezza e lentezza. Funziona da colore di fondo che permette a materiali naturali e tipografie calde di emergere senza competere.
    Quali colori si abbinano bene con Sottobosco d'Oliva?
    colorCode.seoFaqPairingAnswer #6B2499: Contrasto complementare: il viola-lilla crea tensione visiva e mette in risalto il verde (armonia complementare).. #7AA21C: Analogico caldo: un verde giallastro più chiaro amplifica la luminosità interna senza rompere l'equilibrio terroso (armonia analogica).. #169193: Triadica smorzata: un teal profondamente desaturato offre un contrasto fresco e moderno senza vittoria cromatica (armonia triadica/contrastata)..
    Come influenza l'umore Sottobosco d'Oliva?
    Stabile comfort con dignità sobria Trasmette fiducia tranquilla e senso di maturità. colorCode.seoFaqMoodTraits
    Quali settori utilizzano Sottobosco d'Oliva?
    colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
    Qual è la storia di Sottobosco d'Oliva?
    Questo tono di verde ha radici antiche: nelle pitture murali e negli affreschi si ottenevano verdi terrosi mescolando terre verdi (celadonite/glauconite) e pigmenti di origine naturale; i verdi oliva intensi emersero più tardi con miscele di gialli ocra e verdi minerali.
    Come utilizzare Sottobosco d'Oliva nel design?
    Mantenere contrasto e texture: questo verde funziona meglio quando è bilanciato da neutri caldi e superfici materiali.colorCode.seoFaqDesignDo
    Sottobosco d'Oliva è accessibile?
    colorCode.seoFaqAccessibilityAnswer Rispetta WCAG AA per testo normale e grande.