Marrone: significato, tavolozze, colori complementari e armonie
Esplorare marrone: psicologia del colore, il ruota dei colori (complementare, analogo, triadico), accessibile combinazioni di colorie tavolozze pronte. Convertire ESAGONALE, RGB, HSL, copia le variabili CSS e scarica una tavolozza PNG.
Suggerimento: premere Entra in qualsiasi campo per aggiornare tutti i valori.
Marrone in breve
Il marrone rossiccio segnala tradizione, profondità e maturità. È ampiamente utilizzato nei settori della moda, dell'editoria, dell'istruzione superiore, del vino, dell'ospitalità e del lusso.
Su sfondi chiari, il marrone fornisce un forte contrasto per intestazioni e pulsanti. Aggiungi testo bianco sporco su blocchi marrone per un look raffinato.
Tavolozze marroni
Generato automaticamente tinte (più bianco), sfumature (più nero), e toni (più grigio). Fai clic su qualsiasi campione per copiare HEX o esportare tutto come variabili CSS. Puoi anche scaricare una tavolozza PNG.
Tinte
Sfumature
Toni
Armonie della ruota dei colori
Esplorare complementare coppie, analogo vicini e triadico set da questo marrone. Queste combinazioni ti aiutano a trovare i colori che stanno bene insieme.
Gli opposti offrono un contrasto nitido; le verdure ricche e fresche fanno risaltare il marrone.
I vicini dal rosso-viola al rosso-arancio donano vibrazioni calde ed editoriali.
Anche la spaziatura produce un contrasto equilibrato nei dashboard e nei grafici.
Caratteristiche
- Sincronizzato ESAGONALE ↔ RGB ↔ HSL conversione.
- Tavolozze generate: tinte, sfumature, toni.
- Armonie della ruota dei colori: complementare, analogo, triadico.
- Un clic Variabili CSS e scaricabile PNG tavolozza.
Applicazioni
Utilizza il marrone per accenti, titoli e CTA premium. Abbinalo al bianco sporco, al beige, alla sabbia, al carbone, al verde intenso o al verde acqua tenue. Per le visualizzazioni dei dati, i set triadici offrono una chiara differenziazione mantenendo un'atmosfera raffinata.
Come usare
- Inserisci un valore HEX (ad es.
#800000) o valori RGB/HSL e premere Entra. - Fare clic su qualsiasi campione per copiarne l'esadecimale. Prova set complementari o triadici per contrasto.
- Scarica la tavolozza PNG o copia le variabili CSS per il tuo sistema di progettazione.
- Controlla il contrasto (bianco/nero) per mantenere il testo leggibile nelle interfacce utente marroni.
Domande frequenti
Quali colori stanno bene con il marrone?
Accenti bianco sporco, beige, crema, antracite, ardesia, verde foresta, verde acqua intenso e oro tenue.
Qual è il colore opposto al marrone?
Un opposto ciano-verde sulla ruota RGB/HSL offre il contrasto più forte. Scegli un verde più intenso e freddo per i pulsanti del marchio.
Il marrone è buono per il corpo del testo?
Il marrone come corpo del testo su bianco può funzionare; confermare il contrasto. Per sicurezza, mantieni il marrone per titoli, accenti e componenti.
Ultimo aggiornamento dei contenuti: 18 novembre 2025.
