Färghjul

Detta verktyg renderar en 360-segments färgtring på en HTML-canvas och låter dig välja en färgnyans genom att klicka eller dra på ringen. Mättnad och ljushet ställs in via reglagena, och den valda färgen visas som ett färgprov med kopierbara HEX-, RGB- och HSL-strängar. En återställningsknapp återställer färgnyans 0, mättnad 100, ljushet 50.

1. Klicka eller dra inuti den färgade ringen för att ställa in färgnyansen; ringen ritas med den aktuella mättnaden och ljusheten. 2. Justera färgnyans (0-360), mättnad (0-100) och ljushet (0-100) med reglagen eller numeriska inmatningar. 3. Titta på färgprovet och indikatorn på ringen som uppdateras live. 4. Kopiera HEX, RGB eller HSL med knapparna i färgvärdekortet. 5. Klicka på Återställ för att återgå till standardvärdena.

Ringen är en 260px-canvas ritad med enhetspixel-förhållande för skärpa, med en yttre färgtring och ett tomt center. Pekarhändelser fångas så att dragningen spårar markören; klick inuti den inre hålet eller utanför den yttre kanten ignoreras. En cirkulär indikator sitter vid den valda färgnyansen och fylls med den aktuella färgen. Färgnyans härrörs från pekarvinkeln relativt centrum, med 0gr överst. Mättnad och ljushet ändrar färgerna på varje ringsegment, inte geometrin.