Convertitore di colori

Vanno bene tutti. L'HEX è il più comune e il più compatto. L'HSL vale la pena quando costruisci a mano variazioni di un colore, perché regolare la luminosità mantenendo tonalità e saturazione dà una serie coerente di sfumature molto più facilmente che modificare cifre esadecimali.

Sì — il campione apre il selettore di colore del tuo sistema, quindi un valore si può scegliere a occhio invece che digitare, e le forme HEX, RGB e HSL si aggiornano insieme. In pratica è il lavoro di un selettore di colore HTML: scegliere qualcosa che sembra giusto e portarsi via il codice che un foglio di stile accetterà.

Le ultime due sono il canale alfa, da 00 per completamente trasparente a ff per completamente opaco. È supportato da ogni browser attuale ed è spesso più semplice che passare a rgba solo per aggiungere trasparenza.

Perché le componenti HSL vengono arrotondate a numeri interi per leggibilità, e quell'arrotondamento non è perfettamente reversibile. La differenza è al massimo di un passo o due per canale e non si vede, ma significa che l'andata e ritorno non è sempre identica byte per byte.

Sì. I valori hex nudi sono accettati, così come l'abbreviazione a tre cifre, la sintassi CSS separata da spazi come rgb(59 130 246) e i nomi di colore comuni come teal o crimson.

L'anteprima mostra testo nero e testo bianco sul tuo colore così puoi giudicare subito. Per un vero superato o non superato rispetto alle linee guida di accessibilità, usa il verificatore di contrasto, che calcola come si deve il rapporto WCAG.