Convertitore da OKLCH a HEX

Questo convertitore da OKLCH a HEX trasforma un colore con sintassi CSS in un valore esadecimale sRGB a sei cifre. Segue un percorso numerico esplicito dalle coordinate cilindriche OKLCH a OKLab e RGB lineare, quindi limita i canali esterni al gamut sRGB visualizzabile. Il risultato è deterministico, adatto all’automazione e corredato dai valori RGB e OKLab, così Lei può verificare esattamente la conversione senza considerare il codice HEX finale una scatola nera.

Inserisca un colore OKLCH valido

Indichi il colore con la notazione funzionale CSS, ad esempio oklch(62.8% 0.258 29.23). La luminosità può essere una percentuale da 0% a 100% oppure un valore senza unità da 0 a 1. La croma deve essere pari o superiore a zero.

La tonalità è interpretata in gradi quando non presenta un suffisso; sono accettati anche deg, grad, rad e turn. L’angolo può trovarsi fuori dall’intervallo da 0 a 360 perché viene normalizzato al valore equivalente. Il convertitore richiede tutte e tre le coordinate e non accetta alfa, la parola CSS none, virgole, input HEX o altre funzioni colore.

Queste regole mantengono il contratto concentrato sulla produzione di un colore opaco a sei cifre e fanno fallire chiaramente i dati malformati, anziché trasformarli per supposizione in un risultato plausibile. Ogni componente numerico deve essere finito; Infinity e NaN vengono rifiutati prima del calcolo. Tale confine rigoroso è utile negli strumenti di build e nelle pipeline di dati, dove un formato imprevisto potrebbe propagare un colore del marchio errato in numerose risorse generate.

Comprenda il percorso di conversione

OKLCH descrive un colore mediante luminosità percettiva, croma e tonalità. Il convertitore normalizza la tonalità e risolve le coordinate cilindriche sugli assi a e b di OKLab tramite coseno e seno. Applica poi la trasformazione OKLab pubblicata per ottenere i canali sRGB lineari.

Questi attraversano la curva di trasferimento sRGB standard e vengono quantizzati in valori interi rosso, verde e blu da 0 a 255. Ogni byte diventa esattamente due caratteri esadecimali, quindi il risultato principale ha sempre la forma #RRGGBB. La risposta comprende anche le coordinate OKLab risolte e i canali RGB interi.

I valori intermedi aiutano a individuare le differenze fra un’applicazione grafica e una pipeline di codice. I numeri in virgola mobile vengono arrotondati solo nell’oggetto OKLab mostrato; il calcolo conserva l’intera precisione numerica di JavaScript fino ai byte RGB finali.

Gestisca i colori esterni a sRGB

OKLCH può descrivere colori che i comuni schermi sRGB e la notazione HEX a sei cifre non riescono a rappresentare. Quando un canale RGB lineare calcolato scende sotto zero o supera uno, il convertitore lo porta al limite più vicino prima di applicare la curva sRGB. In questo caso la risposta imposta clamped su true.

Il ritaglio è rapido e prevedibile, ma non è una strategia percettiva di mappatura del gamut: un input molto vivido può perdere sfumature, cambiare tonalità apparente o convergere su un canale completamente saturo. Consideri l’indicatore un invito a riesaminare il colore, soprattutto per palette di marca, token di accessibilità e gradienti in cui contano i rapporti fra colori vicini. Se clamped è false, tutti i canali erano già nel gamut sRGB.

Se è true e la fedeltà visiva è importante, riduca la croma del valore OKLCH originale e ripeta la conversione finché il colore rientra. Questo comportamento esplicito evita calcoli non validi e assicura un HEX utilizzabile senza nascondere il compromesso. Il canale alfa non viene conservato perché un HEX a sei cifre rappresenta un colore opaco.