Colore

Palette monocromatica: una sola tinta, un’intera identità

Una sola tinta sembra un limite finché non vedi quanta gamma contiene. Costruito bene, un solo colore può coprire sfondi, testo, pulsanti e gradienti, e risultare più distintivo di un arcobaleno.

GradientlyAccount Gradiently verificato··5 min di lettura
Copertina: Tweed Salon · GR·2E5N·ZE

In breve

  • Uno schema di colori monocromatico usa una sola tinta in una gamma di luminosità e saturazione, costruita con tinte chiare, ombre e toni.
  • Una tinta chiara è una tinta mescolata con il bianco, un’ombra è una tinta mescolata con il nero e un tono è una tinta mescolata con il grigio.
  • Una scala monocromatica utile ha circa nove o dieci passi dal quasi bianco al quasi nero, distribuiti in modo uniforme per luminosità percepita.
  • Spostare leggermente la tinta verso le estremità chiare e scure evita che una palette monocromatica sembri senza vita.
  • Le palette monocromatiche creano gradienti calmi e coesi, ma le sfumature lente di una sola tinta fanno facilmente banding e traggono vantaggio da una grana fine.
In questa pagina

Uno schema di colori monocromatico usa una sola tinta e nient’altro, variata in luminosità e saturazione. Pensa a navy, cobalto, cielo e ghiaccio: tutti blu, tutti chiaramente imparentati, e con abbastanza contrasto tra loro da gestire sfondi, testo e punti salienti. Dato che ogni colore condivide la stessa tinta, una palette monocromatica sembra sempre unitaria. Il lavoro sta nel costruire abbastanza gamma dentro quell’unica tinta.

Questa guida spiega i tre modi per variare una tinta, come costruire una scala con cui progettare davvero e come funziona il monocromo nei gradienti. Per il contesto più ampio, vedi le basi della teoria del colore.

Tinte chiare, ombre e toni

Ogni colore di una palette monocromatica nasce da una di tre mosse. Una tinta chiara aggiunge bianco, rendendo il colore più chiaro e morbido. Un’ombra aggiunge nero, rendendolo più profondo. Un tono aggiunge grigio, rendendolo più sommesso senza cambiarne molto la luminosità.

Un blu, tre direzioni. La maggior parte delle palette monocromatiche le usa tutte e tre.

Come costruire una palette monocromatica

Una manciata di tinte chiare prese a caso non è una palette. Ciò che ti serve è una scala: una sequenza di passi dal quasi bianco al quasi nero, distribuiti in modo che ogni passo appaia diverso dal vicino quanto il precedente. Da nove a undici passi è una dimensione comune, ed è quella che usano quasi tutti i design system.

Una scala di verde acqua in dieci passi. Passi chiari per gli sfondi, passi centrali per il colore, passi scuri per il testo.
  1. 1

    Scegli la tinta centrale

    Scegli la versione del colore che ti piace di più a piena intensità. Diventa il centro della scala.

  2. 2

    Fissa le estremità

    Scegli un quasi bianco con un accenno della tinta e un quasi nero con un accenno della tinta. Evita il bianco e il nero puri; sembrano scollegati.

  3. 3

    Riempi i passi per luminosità

    Distanzia i passi in base a quanto appaiono chiari, non con valori hex o HSL uguali. Gli spazi percettivi come OKLCH lo rendono facile; vedi i gradienti OKLCH.

  4. 4

    Abbassa la saturazione alle estremità

    I passi molto chiari e molto scuri rendono meglio leggermente smorzati. La piena saturazione agli estremi sembra sgargiante o fangosa.

  5. 5

    Sposta un po’ la tinta

    Lascia che l’estremità chiara scivoli un po’ verso il caldo o il freddo e quella scura nell’altra direzione. Aggiunge vita senza rompere lo schema.

Perché un leggero spostamento di tinta aiuta

Gli oggetti reali raramente si scuriscono semplicemente aggiungendo nero: le ombre prendono luce più fredda o più calda dall’ambiente. Una scala che mescola solo bianco e nero sembra piatta al confronto. Spostare la tinta di qualche grado lungo la scala è una pratica standard nell’illustrazione e nei design system.

Due scale di blu in cinque passi attorno allo stesso centro, #2563eb. La seconda scivola verso il cielo all’estremità chiara e verso l’indaco a quella scura, così sembra illuminata invece che mescolata.

Un’intera identità su una sola tinta

Un brand monocromatico può essere sorprendentemente distintivo, perché è disciplinato come la maggior parte dei brand non è. Il trucco è dare a ogni passo della scala un compito e rispettarlo.

Passo della scalaCompito
Da 50 a 100Sfondi di pagine e card
Da 200 a 300Bordi, divisori, riempimenti discreti
Da 400 a 600Colore del brand, pulsanti, illustrazioni
Da 700 a 800Titoli, link, riempimenti decisi
900 e più scuriTesto corrente, sfondi in modalità scura
Ruoli per una scala monocromatica. Testo e sfondo vengono da estremità opposte, che è dove vive il contrasto.

Abbina sempre testo e sfondo da estremità opposte della scala. Due passi centrali sono bellissimi come campioni e falliscono come testo; verifica con le indicazioni sul contrasto dei colori. Registra la scala, con il ruolo di ogni passo, nel tuo brand kit, così tutti usano gli stessi valori.

Un campo calmo, di una sola famiglia, sotto una tipografia editoriale.

Newsletter
Questo mese in studio
Tre progetti e un nuovo spazio
Gradiently · @gradiently

Lo stesso stile portato in un header email.

L’unica cosa che manca a un’identità monocromatica è un accento evidente. Se i tuoi design hanno bisogno che un pulsante o un prezzo saltino all’occhio, concediti un colore fuori dalla tinta e usalo di rado. Questo ti porta verso una palette analoga o un monocromo con accento, entrambe ottime scelte.

Gradienti monocromatici

I gradienti di una sola tinta sono tra i più eleganti che puoi creare: suggeriscono la luce che cade su un unico materiale. Non diventano mai fangosi, perché non c’è una seconda tinta con cui scontrarsi.

Sei gradienti di una sola tinta. Ognuno si muove solo in luminosità e un po’ in saturazione.

Le domande più frequenti

Che cos’è uno schema di colori monocromatico?

Uno schema di colori monocromatico usa una sola tinta in una gamma di tinte chiare, ombre e toni, dal molto chiaro al molto scuro.

Che differenza c’è tra tinta chiara, ombra e tono?

Una tinta chiara è una tinta mescolata con il bianco, un’ombra è mescolata con il nero e un tono è mescolato con il grigio.

Il bianco e nero è uno schema monocromatico?

A rigore, nero, bianco e grigio sono acromatici, cioè senza tinta. Nell’uso comune però vengono spesso chiamati monocromo, e seguono gli stessi principi.

Quanti colori deve avere una palette monocromatica?

Circa da nove a undici passi dal quasi bianco al quasi nero danno abbastanza gamma per sfondi, testo, bordi e colore del brand.

Un brand può usare un solo colore?

Sì, se la palette ha una gamma completa di luminosità e ogni passo ha un ruolo chiaro. Molti brand monocolore aggiungono un piccolo accento per gli inviti all’azione.

Condividi questa guida

Scritto da GradientlyAccount Gradiently verificato

Il team dietro Gradiently, uno strumento di design costruito attorno ai Mark: gradienti vivi che fanno sembrare tuo tutto ciò che progetti.

Vedi il nostro profilo
Tutte le guide su Colore