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.

colore marrone ruota dei colori colori complementari armonia dei colori tavolozze di marca

Suggerimento: premere Entra in qualsiasi campo per aggiornare tutti i valori.

Marrone in breve

Significato e psicologia

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.

Contrasto e leggibilità

Su sfondi chiari, il marrone fornisce un forte contrasto per intestazioni e pulsanti. Aggiungi testo bianco sporco su blocchi marrone per un look raffinato.

Controllo del contrasto (su bianco)
Controllo del contrasto (sul nero)

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.

Complementare

Gli opposti offrono un contrasto nitido; le verdure ricche e fresche fanno risaltare il marrone.

Analogo

I vicini dal rosso-viola al rosso-arancio donano vibrazioni calde ed editoriali.

Triadico

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

  1. Inserisci un valore HEX (ad es. #800000) o valori RGB/HSL e premere Entra.
  2. Fare clic su qualsiasi campione per copiarne l'esadecimale. Prova set complementari o triadici per contrasto.
  3. Scarica la tavolozza PNG o copia le variabili CSS per il tuo sistema di progettazione.
  4. 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.