it-swarm-eu.dev

Quando dovrei usare HSLa su RGBa? Quali sono i vantaggi con HSLa?

Di recente ho imparato a conoscere il formato HSLa per specificare i colori con CSS3. Quando dovrei usare HSLa su RGBa?

Ecco due articoli che ne parlano brevemente:

10
Alan Le

Non specifico per i CSS, vale a dire in generale non importa molto se si specifica un colore in HSL o RGB, dove importa se è necessario interpolare il valore del colore, passare dal rosso al verde in HSL è molto più prevedibile che in RGB. E puoi farlo senza cambiare la luminosità percepita del colore. Ciò significa che è utile ogni volta che è necessario cambiare colore (dissolvenza, sfumatura ...)

È anche più facile scegliere un colore in HSL/HSB (questi sono due modelli di colore leggermente diversi). Il selettore di colori di Photoshop che vedi è un selettore di colori HSB, scegli H sulla barra a sinistra, scegli S sull'asse orizzontale della patch di colore e B sull'asse verticale.

13
Harald Scheirich

Ho pensato che Jon Hicks avesse un'interpretazione interessante di HSL dal punto di vista di un designer, soprattutto per quanto riguarda la capacità di vedere il colore:

Finalmente ho potuto usare i numeri per selezionare i miei colori, e una volta appreso dove si trovavano le tonalità sulla scala, ero via! Non solo per i CSS, poiché l'85% del mio tempo di lavoro è trascorso in Illustrator, creando icone, loghi o illustrazioni.

Tonalità, saturazione, luminosità è un post su The Hickensian

2
abennoschmidt

HSL è ideale per le situazioni in cui è necessario modificare i valori, ma RGB è lo standard del settore ed è il più compatibile. La modifica della luminosità o del colore con HSL richiederebbe una funzione javascript più semplice rispetto all'utilizzo di RGB.

2
Thomas Hunter

Niente affatto. IE non lo supporterà, e specificando un fallback? Davvero? È la stessa dichiarazione di colore due volte senza motivo.

Se devi fornire qualcosa di kuler (ovvero generare schemi di colori dinamici basati su algoritmi), dovresti idealmente farlo sul lato server o, se necessario, tramite JS. Ma non c'è bisogno di usarlo perché non porta nulla al tavolo.

0
Camilo Martin