Bộ xoắn màu

Công cụ này hiển thị vòng sắc độ gồm 360 phân đoạn trên canvas HTML và cho phép bạn chọn sắc độ bằng cách nhấp hoặc kéo trên vòng. Độ bão hòa và độ sáng được đặt qua các thanh trượt và màu đã chọn được hiển thị dưới dạng mẫu với các chuỗi HEX, RGB và HSL có thể sao chép. Nút Reset khôi phục sắc độ 0, độ bão hòa 100 và độ sáng 50.

1. Nhấp hoặc kéo bên trong vòng màu để đặt sắc độ; vòng được vẽ với độ bão hòa và độ sáng hiện tại. 2. Điều chỉnh Hue (0-360), Saturation (0-100) và Lightness (0-100) bằng các thanh trượt hoặc ô nhập số. 3. Quan sát mẫu Preview và chỉ báo trên vòng được cập nhật theo thời gian thực. 4. Sao chép HEX, RGB hoặc HSL bằng các nút trong thẻ Color Values. 5. Nhấp vào Reset để quay về giá trị mặc định.

Bánh xe là canvas 260px được vẽ theo tỷ lệ pixel của thiết bị để sắc nét, với vòng sắc độ bên ngoài và phần trung tâm rỗng. Các sự kiện con trỏ được ghi nhận nên việc kéo theo dõi con trỏ; các lần nhấp trong lỗ bên trong hoặc ngoài rìa bên ngoài bị bỏ qua. Một chỉ báo hình tròn nằm tại sắc độ đã chọn và được tô bằng màu hiện tại. Sắc độ được suy ra từ góc con trỏ so với tâm, với 0deg ở trên cùng. Độ bão hòa và độ sáng thay đổi màu sắc của mỗi phân đoạn vòng chứ không thay đổi hình học.