Roue de couleurs

Cet outil affiche un anneau de teinte à 360 segments sur un canvas HTML et vous permet de choisir une teinte en cliquant ou en glissant sur l'anneau. La saturation et la luminosité sont définies via des curseurs, et la couleur sélectionnée est affichée en tant qu'échantillon avec des chaînes HEX, RGB et HSL copiables. Un bouton Reset rétablit la teinte 0, la saturation 100 et la luminosité 50.

1. Cliquez ou glissez à l'intérieur de l'anneau coloré pour définir la teinte ; l'anneau est dessiné avec la saturation et la luminosité actuelles. 2. Ajustez Hue (0-360), Saturation (0-100) et Lightness (0-100) avec les curseurs ou les entrées numériques. 3. Observez l'échantillon Preview et l'indicateur sur l'anneau se mettre à jour en direct. 4. Copiez HEX, RGB ou HSL à l'aide des boutons de la carte Color Values. 5. Cliquez sur Reset pour revenir aux valeurs par défaut.

La roue est un canvas de 260px dessiné au rapport de pixel de l'appareil pour la netteté, avec un anneau de teinte extérieur et un centre vide. Les événements de pointeur sont capturés afin que le glissement suive le curseur ; les clics dans le trou intérieur ou à l'extérieur du bord extérieur sont ignorés. Un indicateur circulaire se place à la teinte sélectionnée et est rempli de la couleur actuelle. La teinte est déduite de l'angle du pointeur par rapport au centre, avec 0deg en haut. La saturation et la luminosité modifient les couleurs de chaque segment de l'anneau, pas la géométrie.