Generi una palette analoga da un colore esadecimale

Il generatore converte la base in HSL, distribuisce i colori in modo uniforme entro una finestra di sessanta gradi centrata sulla tonalità originale e normalizza ogni risultato in formato esadecimale. Una richiesta di un colore restituisce la base, mentre le palette più ampie includono entrambi i limiti di trenta gradi. Il calcolo deterministico è adatto a token di design, grafici, illustrazioni e pipeline ripetibili.

Scelga il colore di base e la dimensione

Inizi con un colore CSS esadecimale di tre o sei cifre, con cancelletto iniziale facoltativo. La notazione breve viene espansa prima della conversione, quindi #36c e #3366cc indicano lo stesso colore e generano la medesima uscita normalizzata. Scelga poi count, che stabilisce il numero esatto di campioni restituiti. Deve essere un intero almeno pari a uno; zero e valori negativi vengono rifiutati perché non descrivono una palette. Quando count vale uno, il generatore conserva la tonalità base. Quando vale due, restituisce i limiti a meno trenta e più trenta gradi. Con tre colori, la base si trova tra tali estremi. Valori maggiori aggiungono intervalli uguali nella stessa finestra senza ampliare l'armonia. Saturazione e luminosità restano quelle della base, quindi varia soltanto la tonalità. La risposta riporta il colore normalizzato, il conteggio e ogni campione con indice, scostamento con segno, angolo riportato nel cerchio e codice esadecimale minuscolo a sei cifre.

Comprenda la spaziatura uniforme sulla ruota cromatica

I colori analoghi occupano posizioni vicine su una ruota circolare delle tonalità. Questa capacità usa una finestra fissa da trenta gradi sotto la tonalità base a trenta gradi sopra, per un'ampiezza totale di sessanta gradi. Con count superiore a uno, l'intervallo si ottiene dividendo l'ampiezza per count meno uno. Cinque colori usano -30, -15, 0, 15 e 30 gradi; quattro usano -30, -10, 10 e 30. Poiché la tonalità è circolare, uno spostamento oltre lo zero prosegue vicino a trecentosessanta invece di produrre un angolo negativo non valido. L'algoritmo legge i canali RGB, li converte in HSL, applica ogni spostamento e riconverte il risultato in RGB intero ed esadecimale. L'arrotondamento deterministico garantisce lo stesso JSON per input identici. Anche i colori neutri sono validi: il grigio ha saturazione zero, quindi modificarne la tonalità matematica non cambia il RGB visibile e può produrre codici esadecimali ripetuti.

Applichi la palette nei flussi di produzione

Usi l'array generato quando una famiglia ripetibile di colori affini conta più di un contrasto marcato. Un design system può associare gli indici a proprietà come accent-1 fino ad accent-5 e rigenerarle quando cambia il colore principale del marchio. Uno strumento per grafici può richiedere tanti campioni quante sono le serie del rapporto e assegnarli in ordine per preservare la coesione. Un'applicazione di illustrazione può trasformare un colore scelto artisticamente in riempimenti e dettagli controllati, mentre le variazioni di luminosità vanno eseguite separatamente. Il risultato è utile anche nei test snapshot perché non contiene casualità, date, risposte di rete o variazioni di modello. Conservi colore base e count come fonte ufficiale. Prima di applicare un campione a testo, icone o controlli, ne verifichi il contrasto sullo sfondo reale: l'armonia analoga non garantisce la conformità WCAG. Ogni elemento API riuscito costa $0.002. Convalidi count nell'interfaccia e mostri l'errore se è inferiore a uno o non è intero.