Tavolozza tinte equidistanti

Un generatore di tavolozza di tinte equidistanti colloca N colori a passi angolari uguali intorno alla ruota dei colori, partendo dalla tinta base che Lei sceglie e mantenendo costanti saturazione e luminosità. Inserisca una tinta iniziale in gradi, un conteggio da due a trentasei e le percentuali di saturazione e luminosità che devono restare uguali per ogni campione; lo strumento calcola il passo come trecentosessanta diviso N, avvolge ogni tinta successiva nell'intervallo semiaperto da zero a trecentosessanta, converte ogni tripla HSL in sRGB e esadecimale minuscolo e restituisce un array scheme, un elenco di tinte e oggetti ricchi per colore con scomposizioni RGB, CSS e HSL. I team di brand che montano serie di grafici multipasso, gli sviluppatori front-end che costruiscono token di tema per dashboard e gli studenti di design che studiano la spaziatura equidistante delle tinte hanno bisogno di quella stessa mappa deterministica senza aprire una suite di design completa.

Cos'è una tavolozza di tinte equidistanti e perché contano i passi uguali

La spaziatura angolare uguale sul cerchio delle tinte è il modo classico per costruire una serie multicolore che non favorisce alcun settore della ruota. Gli schemi complementari usano centottanta gradi, i triadici centoventi e i tetradici novanta; questa capacità generalizza quell'idea a qualsiasi intero N da due a trentasei fissando il passo a trecentosessanta diviso N e avanzando dalla Sua tinta base.

Saturazione e luminosità restano fisse di proposito: l'intento di ricerca di una tavolozza di tinte equidistanti riguarda la rotazione equilibrata della tinta, non l'invenzione di rampe di valore o croma, così un avvio vivido a luminosità media produce compagni vividi a luminosità media e un avvio pastello produce compagni pastello. Quando la saturazione è zero, ogni membro collassa verso il grigio perché i colori acromatici non hanno una tinta significativa da ruotare; è fisica del colore corretta, non un bug.

Gli insegnanti spesso abbinano questo strumento a generatori di schemi fissi affinché gli studenti vedano come cambiare N modifica la tensione visiva e come la stessa tinta base possa alimentare una serie di grafici a cinque fermate o una mappa qualitativa a dodici. I design system usano questa struttura quando un prodotto necessita di una tavolozza categorica che scala con il conteggio delle serie invece di codificare tre o quattro accenti di brand.

Consigli pratici, limiti e ricerche correlate

Parta dalla tinta di brand o di interfaccia di cui già si fida anziché da una scelta arbitraria sulla ruota; il primo membro è sempre la tinta base all'offset zero dopo il wrap, così l'indice zero è il Suo colore di identità in termini HSL. Preferisca conteggi interi che corrispondano alla dimensione della serie di grafici o della legenda; cinque fermate danno passi di settantadue gradi, sei ne danno sessanta, otto quarantacinque e dodici trenta.

Mantenga saturazione e luminosità negli intervalli che la Sua pipeline di accessibilità già valida—la spaziatura equidistante delle tinte non garantisce il contrasto WCAG contro uno sfondo fisso, quindi abbini questa tavolozza a un verificatore di contrasto quando il testo poggia su riempimenti solidi. Non si aspetti un'uscita solo complementare o solo triadica da questa pagina: quegli schemi fissi sono strumenti separati con intento SEO proprio; usi questa capacità quando N è un parametro che Lei controlla.

I colori CSS con nome e le stringhe hex sono fuori ambito qui; li converta prima in tinta, saturazione e luminosità se parte da un hex di token. Scrivendo i test, copra almeno un caso multipasso vivido, un count di due (divisione a centottanta gradi), una saturazione quasi grigia e un count non valido deliberato così restano bloccati sia la matematica della spaziatura sia la validazione.

Questa pagina si rivolge a chi cerca una tavolozza di tinte equidistanti, un generatore di ruota a tinte uguali o uno strumento gratuito di N colori sulla ruota online; non è un estrattore di tavolozza da immagine né un convertitore multi-spazio completo.