Generatore di Palette di Colori Casuali

Random palette

Una palette armonizzata è molto più utile di cinque colori casuali affiancati. Questo strumento sceglie una tonalità di base e genera quattro colori affini utilizzando relazioni classiche della teoria del colore: analoghi, complementari, split-complementari, triadici o tetradici. Puoi bloccare qualsiasi campione ti piaccia e rigenerare il resto.

Come generare una palette

  1. 1

    Scegli il tipo di armonia

    Analoghi (vicini sulla ruota), complementari (opposti), triadici (120 gradi di distanza), tetradici (rettangolo) o monocromatici (tonalità di una sola tinta).

  2. 2

    Rigenera la base

    Il primo campione è una tonalità casuale a saturazione e luminosità medie — un punto di partenza.

  3. 3

    I colori affini vengono calcolati

    Gli altri campioni sono derivati dalla base utilizzando l'armonia scelta, quindi regolati per il contrasto.

  4. 4

    Blocca e rigenera

    Mantieni i campioni che ti piacciono; rigenera gli altri fino a quando la palette non risuona.

Scheda di riferimento per l’armonia

Schema Offset di tonalità sulla ruota Umore
Monocromatica 0 gradi (stessa tonalità, variazione di L/S) Calma, minimale
Analoghi +/- 30 gradi Caldo, naturale
Complementari 180 gradi Alto contrasto, incisivo
Split-complementari 150 / 210 gradi Contrasto senza tensione
Triadico 0, 120, 240 gradi Vivace, bilanciato
Tetradico 0, 90, 180, 270 gradi Ricco, difficile da bilanciare

Consigli pratici

Strumenti del mestiere

I designer hanno preferito ruote diverse nel corso degli anni. La ruota RYB (rosso, giallo, blu) è lo standard in aula. HSL su un computer è un’astrazione semplificata; OKLCH è lo stato dell’arte attuale per l’uniformità percettiva ed è utile da apprendere se lavori con sistemi di colore accessibili.

Domande frequenti

Perché la saturazione e la luminosità fisse producono campioni visivamente simili indipendentemente dalla tonalità. Varia la luminosità tra i campioni all’interno di una palette — uno chiaro, uno medio, uno scuro — e la palette diventa immediatamente più utile.

Analoghi e monocromatici. Sembrano armonizzati quasi per caso. Triadici e tetradici premiano la fiducia nel design ma possono facilmente sembrare caotici con un’esecuzione debole.

Sì — copia i codici esadecimali come un elenco separato da virgole, un blocco di proprietà personalizzate CSS o un array JSON. Scegli il formato che il tuo strumento di design accetta.

Il contrasto rispetto al bianco e al nero è mostrato per ogni campione in modo da poter vedere a colpo d’occhio quali funzionano per il testo. Il contrasto coppia per coppia WCAG è tua responsabilità verificarlo prima della spedizione.

Strumenti correlati