Generatore di schema colore tetradico

Questo generatore di schema colore tetradico costruisce una palette rettangolare a quattro colori da un singolo codice hex CSS.

Cos'è uno schema tetradico (rettangolare) e cosa contiene la risposta

Partendo dalla Sua tonalità base h, questo generatore posiziona colori a h più zero gradi, h più sessanta gradi, h più centottanta gradi e h più duecentoquaranta gradi, poi ricostruisce ogni colore con la saturazione e la luminosità originali. Quella separazione di sessanta gradi tra le coppie crea un rettangolo invece di un quadrato (che userebbe passi di novanta gradi). Le coppie complementari si trovano opposte tra loro, così la palette bilancia pressione calda e fredda restando comunque legata al colore di marca che ha digitato. Uno schema colore tetradico, chiamato anche armonia rettangolare, usa quattro tonalità disposte come due coppie complementari sulla ruota dei colori. La risposta include input_hex come forma normalizzata a sei cifre, un oggetto base per il primo campione, un array colors di quattro oggetti ciascuno con stringhe hex, r, g, b, h, s, l, hue_offset, rgb e hsl, più array di comodo hexes e hues, l'elenco offsets, scheme impostato a tetradic, method hue_rotate_rectangle, e un breve promemoria della formula. Non esiste alcun modello generativo né campionamento di immagini: il motore costruisce quattro campioni esatti da un hex valido, oppure rifiuta la richiesta con invalid_input. I casi rifiutati includono hex mancante, valori non stringa, token più lunghi di sette caratteri, e qualsiasi stringa che non sia tre o sei cifre hex con un cancelletto iniziale opzionale. Se ha bisogno di coppie solo complementari, palette estratte da immagini o controlli di contrasto WCAG, usi quegli strumenti dedicati; questa pagina risponde solo all'espansione tetradica rettangolare, con un output numerico stabile adatto a design token, test unitari e consumatori dell'API che non devono inventare colori.

Come viene letto l'input hex e come le quattro tonalità restano riproducibili

I valori possono includere od omettere il cancelletto iniziale e possono usare la forma breve a tre cifre come f00, che si espande cifra per cifra a ff0000 prima di qualsiasi conversione. Dopo il parsing, i canali si convertono in HSL con le formule sRGB standard; la tonalità è presa in gradi sul cerchio da zero a trecentosessanta, mentre saturazione e luminosità restano frazioni unitarie che non cambiano mai attraverso i quattro passi. Ogni scostamento viene applicato con modulo positivo così i valori intermedi negativi non possono trapelare, poi HSL si converte di nuovo in RGB intero con limitazione dei canali e due cifre hex minuscole per canale. Il campo preferito è hex, ma sono accettati anche gli alias color, base e input, così moduli, query string ed export di strumenti di design possono riusare lo stesso contratto senza rinominare colonne. Campi opzionali in virgola mobile come h, s e l vengono arrotondati a un numero fisso di decimali così i confronti JSON non derivano su motori JavaScript diversi. Abbini l'esecuzione gratuita nel browser di questa pagina con l'API a pagamento quando ha bisogno della stessa palette all'interno di una pipeline automatizzata, di un passo di pubblicazione di pacchetti di temi, o di un configuratore multi-tenant in marca bianca che non deve cambiare tonalità in silenzio tra i deploy.

Dove si collocano le palette tetradiche nel lavoro di prodotto, marca e interfaccia

In questa pagina il lavoro avviene interamente nel Suo browser; tramite l'API ogni ricerca riuscita costa $0.002, la validazione fallita non viene addebitata e nulla viene conservato dopo la restituzione della risposta. Questa separazione — esplorazione interattiva gratuita e API identica a pagamento — corrisponde al resto del catalogo tier A di KIT e Le permette di passare da un'esplorazione in Figma a un file di tema in produzione senza cambiare il risultato matematico.