Design

Generatore di Palette di Colori

Crea palette di cinque colori con sei armonie, controlli percettivi del colore e verifiche del contrasto del testo.

OKLCH
Ruota delle tonalità

Trascina sulla ruota o sposta il cursore della tonalità. Luminosità e croma si regolano in modo indipendente.

Come viene costruita la palette

I colori analoghi usano angoli di tonalità vicini; i colori complementari usano angoli opposti. Gli schemi complementari divisi, triadici e tetradici distribuiscono le tonalità sulla ruota dei colori. Le palette monocromatiche variano la luminosità attorno a una sola tonalità. Sono punti di partenza per il design, non una garanzia scientifica di bellezza.

OKLCH separa la luminosità percepita, la cromia e la tonalità. I colori al di fuori dello sRGB vengono riportati nel range riducendo la cromia e mantenendo luminosità e tonalità. I colori neutri hanno poca o nessuna tonalità visibile. Le etichette di contrasto si riferiscono solo al testo nero o bianco suggerito su ciascun campione; la tabella controlla le coppie separatamente.

Methods: Björn Ottosson, Oklab (2020), W3C CSS Colore 4, e Contrasto WCAG 2.2. Nessuna palette da sola garantisce piena accessibilità.

Il tipo deve corrispondere? Converti i tuoi font.

Come usare «Generatore di Palette di Colori»

  1. Inserisci un colore HEX a sei cifre o usa il selettore di colori.
  2. Scegli un colore HEX di base e un’armonia, poi regola tonalità, luminosità o croma.
  3. Genera la tua palette, controlla il contrasto e scarica CSS, JSON o SVG.

Elabora più file

Usa un flusso di lavoro per applicare le stesse impostazioni a ciascun file.

Formati e requisiti

Formati di input
testo semplice
Output
JSON, CSS o SVG
Disponibilità
Gratis nel tuo browser e tramite il CLI
File per operazione
1
Limite di file del browser
128 byte per file, 1 MiB totale

Cosa aspettarsi

Palette OKLCH di cinque colori, con riduzione del croma per rientrare nello spazio sRGB e contrasto del testo secondo WCAG. Le regole di armonia sono criteri di progettazione, non garanzie di accessibilità.

I miei file lasciano il mio dispositivo?

No. Grazie alla tecnologia avanzata di elaborazione dei file, i tuoi file vengono elaborati direttamente sul tuo dispositivo, nel tuo browser. OneKit non riceve i tuoi file di input o i risultati. Le librerie pubbliche richieste per l’elaborazione potrebbero essere scaricate quando usi lo strumento per la prima volta.

Privacy dei file e elaborazione locale →

Installa OneKit

Mantieni OneKit in una propria finestra dell'app, con un collegamento sul tuo dispositivo.