Rotella dei colori

Questo strumento renderizza un anello di tonalità a 360 segmenti su un canvas HTML e ti permette di scegliere una tonalità cliccando o trascinando sull'anello. Saturazione e luminosità sono impostate tramite cursori e il colore selezionato viene mostrato come campione con stringhe HEX, RGB e HSL copiabili. Un pulsante Reset ripristina tonalità 0, saturazione 100 e luminosità 50.

1. Fai clic o trascina all'interno dell'anello colorato per impostare la tonalità; l'anello è disegnato con la saturazione e la luminosità correnti. 2. Regola Hue (0-360), Saturation (0-100) e Lightness (0-100) con i cursori o gli input numerici. 3. Osserva l'aggiornamento in tempo reale del campione Preview e dell'indicatore sull'anello. 4. Copia HEX, RGB o HSL usando i pulsanti nella scheda Color Values. 5. Fai clic su Reset per tornare alle impostazioni predefinite.

La ruota è un canvas di 260px disegnato al device pixel ratio per la nitidezza, con un anello di tonalità esterno e un centro vuoto. Gli eventi puntatore vengono acquisiti in modo che il trascinamento segua il cursore; i clic nel foro interno o fuori dal bordo esterno vengono ignorati. Un indicatore circolare si trova alla tonalità selezionata ed è riempito con il colore corrente. La tonalità è derivata dall'angolo del puntatore rispetto al centro, con 0deg in alto. Saturazione e luminosità cambiano i colori di ogni segmento dell'anello, non la geometria.