Farvehjul

Dette værktøj renderer en 360-segmenter stor hue-ring på en HTML-canvas og giver dig mulighed for at vælge en farve ved at klikke eller dræne på ringen. Mængde og lyshed justeres via sliderer, og den valgte farve vises som en eksemplar med kopiérbare HEX-, RGB- og HSL-stringer. En Reset-knap restituerer hue 0, mængde 100 og lyshed 50.

1. Klik eller dræn inni den farvede ringen for at du kan sætte farvetone; ringen er målt ved den nuværende mængde og lysstyrke. 2. Juster Farvetone (0-360), Mængde (0-100) og Lysstyrke (0-100) med skruer eller numeriske indstillinger. 3. Se, hvordan forhåndsvisningen og indikatorn på ringen opdateres i realtid. 4. Kopier HEX, RGB eller HSL med hjælp af knapperne på kortet med farveringsværdier. 5. Klik på Reset for at returnere til standardindstillinger.

Hjulet er en 260px-størrelses canvas, som er målt i enhetspixelsforhold for skarpe detaljer, med en ydre farverring og en tom midtdel. Pointer-eventer registreres så, at drægningshandlinger følger markøren; klikker indenfor den indre hul eller udenfor den ydre kant ignoreres. En cirkulær indikator ligger på den valgte farve og er fyldt med den aktuelle farve. Farven bestemmes af pointerens vinkel i forhold til midten, med 0° i toppen. Mængde og lysstyrke endrer farverne på alle ringsegmenter, men ikke geometrien.