Renk Tekerleği

Bu araç, bir HTML tuvalde 360 parçalı bir renk tonu halkası çizer ve halkaya tıklayarak veya sürükleyerek bir renk tonu seçmenizi sağlar. Doygunluk ve açıklık kaydırıcılarla ayarlanır ve seçilen renk, kopyalanabilir HEX, RGB ve HSL dizeleriyle bir renk örneği olarak gösterilir. Bir Sıfırla (Reset) düğmesi renk tonu 0'a, doygunluk 100'e, açıklık 50'ye geri döndürür.

1. Renk tonunu ayarlamak için renkli halkanın içine tıklayın veya sürükleyin; halka geçerli doygunluk ve açıklıkta çizilir. 2. Renk Tonu (0-360), Doygunluk (0-100) ve Açıklık (0-100) değerlerini kaydırıcılar veya sayısal girişlerle ayarlayın. 3. Önizleme örneğinin ve halkadaki göstergenin canlı güncellenmesini izleyin. 4. Renk Değerleri kartındaki düğmeleri kullanarak HEX, RGB veya HSL kopyalayın. 5. Varsayılanlara dönmek için Sıfırla'ya tıklayın.

Çark, keskinlik için cihaz piksel oranında çizilen 260px'lik bir tuvaldir; dış renk tonu halkası ve boş bir merkez içerir. İşaretçi olayları yakalanır, böylece sürükleme tuvalin dışında da devam eder; iç deliğin içindeki veya dış kenarın dışındaki tıklamalar yok sayılır. Seçilen renk tonunda dairesel bir gösterge bulunur ve geçerli renkle doldurulur. Renk tonu, merkeze göre işaretçi açısından türetilir; 0 derece üsttedir. Doygunluk ve açıklık, geometriyi değil her halka parçasının rengini değiştirir.