Ordinare i colori per luminanza

Lo strumento convalida ogni valore, normalizza la notazione hex breve e completa, converte i canali sRGB in luce lineare e ordina secondo la luminanza relativa WCAG. Ogni risultato include colore normalizzato e luminanza, così Lei può esaminare differenze minime senza affidarsi alla sola vista. I valori a pari luminanza mantengono l’ordine iniziale, i duplicati restano presenti e lo stesso input genera sempre lo stesso output.

Crei una scala di luminosità da una palette disordinata

Le raccolte di colori spesso seguono la creazione dei token o la serializzazione del file, non la luminosità. Invii l’array colors e riceverà record ordinati per luminanza relativa crescente. Le forme a tre cifre vengono espanse, quelle a sei accettano il cancelletto facoltativo e l’output usa #rrggbb minuscolo. La normalizzazione facilita snapshot, file di token, CSS e confronti. I duplicati restano perché possono rappresentare token distinti. I colori con luminanza esattamente uguale conservano l’ordine di input, evitando variazioni tra esecuzioni. La risposta indica anche quantità, direzione e metodo. La usi per creare una palette sequenziale o analizzare campioni vicini. L’operazione modifica soltanto l’ordine: non genera tinte intermedie, non rinomina token e non garantisce passaggi percettivamente uniformi.

Comprenda come la luminanza relativa determina l’ordine

La luminanza relativa non è la semplice media dei byte rosso, verde e blu. I colori hex codificano canali sRGB mediante una curva non lineare; ogni canale viene scalato tra zero e uno e convertito in luce lineare. I valori entro la soglia sRGB sono divisi per 12.92, mentre gli altri usano la funzione di potenza standard. Poi si applicano i coefficienti 0.2126, 0.7152 e 0.0722. Il verde pesa di più e il blu di meno; il risultato va da zero per il nero a uno per il bianco. L’ordinamento usa il valore completo non arrotondato. Le sei cifre mostrate servono alla lettura e alla serializzazione stabile. Il modello compare nei calcoli WCAG, ma ordinare una palette non dimostra l’accessibilità: verifichi separatamente ogni coppia tra primo piano e sfondo.

Convalidi l’input e integri risultati deterministici

Il campo colors deve essere un array non vuoto con un massimo di 1000 elementi. Ogni elemento deve essere una stringa di esattamente tre o sei cifre esadecimali dopo un cancelletto facoltativo. Gli spazi esterni sono ignorati; alfa, nomi CSS, funzioni rgb(), lunghezze errate e tipi diversi vengono rifiutati. L’errore segnala l’indice problematico senza eliminare o interpretare valori. Così una build non accetta una scala parziale apparentemente valida. L’implementazione svolge solo aritmetica locale e ordinamento in memoria, senza rete, orologio, casualità o conservazione. Lo stesso array produce lo stesso JSON nel browser, in CI e via API. Il browser è gratuito; ogni richiesta API costa $0.002. Duplicati conservati e parità stabili consentono di ricollegare con certezza i risultati ai metadati originali.