色彩轮
免费在线使用 色彩轮 无需安装即可使用工具
關於色環
這個工具在 HTML 畫布上呈現一個由 360 個分段組成的色相環，允許您透過點擊或拖曳色環來選擇色相。飽和度和亮度透過滑桿設定，所選顏色會作為色塊顯示，並提供可複製的 HEX、RGB 和 HSL 字串。Reset 按鈕會將色相恢復為 0、飽和度恢復為 100、亮度恢復為 50。
如何使用
1. 點擊或拖曳彩色環內部以設定色相；色環會以當前的飽和度和亮度繪製。 2. 使用滑桿或數值輸入調整 Hue（0-360）、Saturation（0-100）和 Lightness（0-100）。 3. 觀察 Preview 色塊和色環上的指示器即時更新。 4. 使用 Color Values 卡片中的按鈕複製 HEX、RGB 或 HSL。 5. 點擊 Reset 返回預設值。
色環行為與指示器
色環是一個 260px 的畫布，依裝置像素比繪製以保證清晰度，外部是色相環，內部為空。指標事件會被擷取，因此拖曳時會追蹤游標；在內部空洞或外部邊緣的點擊會被忽略。一個圓形指示器位於所選色相處，並以當前顏色填充。色相由指標相對於圓心的角度推導得出，0deg 位於頂部。飽和度和亮度會改變色環每個段的顏色，而不會改變幾何形狀。
▶為什麼點擊色環的中心沒有任何反應？
只有彩色的外環是可互動的。內部半徑（減去容差）或外部半徑之外的指標事件都會被忽略，因此空心中心的點擊不會產生效果。
▶我可以在色環上選擇飽和度或亮度嗎？
不能。色環只能透過角度選擇色相。飽和度和亮度必須使用色環下方的滑桿或數值輸入來設定。
▶為什麼拖曳有時不能平滑地追蹤我的游標？
已啟用指標擷取，因此拖曳會延續到畫布之外，但只有當指標處於色環的徑向範圍內時色相才會更新；過於靠近中心或過於靠外的位置會被忽略。
▶我可以複製哪些顏色格式？
HEX（大寫）、RGB 格式為 `rgb(r, g, b)`、HSL 格式為 `hsl(h, s%, l%)`。每種格式在 Color Values 卡片中都有各自的 Copy 按鈕。
如果这个工具对你有帮助，请考虑请我喝杯咖啡。
請幫我買杯咖啡吧。