HWB a HSL Convertitore di formato colore

Dieci formati: HEX, RGB, HSL, HWB, CIELAB (lab), CIE LCH (lch), OKLab, OKLCH, CMYK e Display P3. Ognuno può essere usato come formato di origine o di destinazione, per un totale di 90 direzioni di conversione. I risultati usano la moderna sintassi CSS Color 4, ad esempio rgb(255 136 0) o oklch(0.7442 0.1812 56.46).

Inserite la notazione completa CSS del formato di origine, ad esempio hsl(32 100% 50%) o color(display-p3 1 0.5 0), oppure solo i numeri, ad esempio 32, 100%, 50% con HSL selezionato. I codici esadecimali funzionano con o senza #, in formato a 3, 4, 6 o 8 cifre. Il valore deve corrispondere al formato di origine selezionato, quindi un valore rgb() in una pagina HSL viene rifiutato invece di essere convertito per errore.

culori non dispone di una modalità CMYK, quindi il convertitore usa la formula standard semplificata sui valori sRGB da 0 a 1: K = 1 - max(R, G, B), C = (1 - R - K) / (1 - K), e lo stesso vale per M e Y. Nella direzione inversa, R = (1 - C) x (1 - K) e così via. Non si tratta di una conversione basata su un profilo ICC, quindi il risultato non corrisponderà a quello di una specifica macchina da stampa o carta; usatelo per approssimazioni a schermo e specifiche indicative.

Usate cmyk(0%, 47%, 100%, 0%), valori con unità cmyk(0 0.47 1 0) o quattro numeri senza unità. I valori con il simbolo di percentuale sono percentuali; quelli senza unità vengono interpretati come frazioni da 0 a 1, a meno che uno di essi non superi 1: in tal caso vengono tutti interpretati come percentuali, quindi 0, 47, 100, 0 funziona come previsto. L'output CMYK viene sempre espresso in percentuale, con un massimo di due decimali.

Lab, LCH, OKLab, OKLCH e Display P3 possono descrivere colori che sRGB non è in grado di mostrare. Quando la destinazione è HEX, RGB, HSL, HWB o CMYK, tutti basati su sRGB, oppure Display P3, un colore fuori gamma viene mappato con l'algoritmo CSS Color 4, che riduce la cromia OKLCH finché il colore rientra nella gamma; il risultato include una nota. Le destinazioni Lab, LCH, OKLab e OKLCH non hanno limiti di gamma e non vengono mai mappate.

Sì, per tutte le destinazioni tranne CMYK. Un valore alfa nell'input, come rgb(255 136 0 / 50%) o #ff880080, viene scritto come / 0.5 all'interno delle funzioni CSS e come codice esadecimale a 8 cifre. CMYK non ha un canale alfa, quindi in quel caso il valore alfa viene eliminato.

I canali RGB vengono arrotondati a numeri interi da 0 a 255; le percentuali HSL, HWB e CMYK e i valori Lab e LCH a due decimali; i valori OKLab, la luminosità e la cromia OKLCH e i canali Display P3 a quattro decimali; le tonalità a due decimali. Tutti i calcoli vengono eseguiti con la massima precisione a doppia precisione prima dell'arrotondamento, quindi la conversione avanti e indietro resta entro l'arrotondamento del valore originale.

CIELAB e CIE LCH con punto di bianco D50, esattamente come definiti dalle funzioni CSS lab() e lch(), con adattamento di Bradford dal bianco D65 di sRGB. La luminosità va da 0 a 100. OKLab e OKLCH sono gli spazi percettivi di Bjorn Ottosson usati da CSS oklab() e oklch(), con luminosità da 0 a 1.

Il modulo della pagina converte un colore alla volta. I client che chiamano direttamente lo strumento possono inviare fino a 100 colori, uno per riga, e ricevere un valore convertito per riga nello stesso ordine. Ogni colore può contenere al massimo 100 caratteri.

I colori neutri non hanno una tonalità, che CSS può scrivere come none. Il convertitore scrive invece 0, così il valore funziona anche negli strumenti che non accettano none. La tonalità non ha effetti visibili quando la saturazione o la cromia è zero.