Color Picker

關於本工具

顏色選擇器讓您直觀地選擇任何顏色，並立即查看其HEX、RGB和HSL表示。使用原生顏色選擇器進行廣泛選擇，或使用RGB滑桿進行精確的通道級控制。

選擇的顏色會自動保存到最近顏色歷史記錄中，無需重新輸入即可快速返回該顏色。在比較顏色變體或跨多個工具構建調色板時非常有用。

使用方法

1. 點擊大色塊打開瀏覽器原生顏色選擇器並選擇任意顏色。
2. 拖動R、G、B滑桿精細調整各顏色通道。
3. 點擊HEX、RGB或HSL旁的複製按鈕將值複製到剪貼簿。
4. 複製的顏色出現在最近顏色行中——點擊任意色塊即可恢復。

使用情境

Web設計師從品牌指南中選擇精確顏色並將hex代碼複製到CSS中。開發者為canvas或WebGL工作精調RGB值。UI設計師透過調整單個滑桿比較同一色調的細微差異。

常見問題

• 選擇的顏色會永久保存嗎？ — 不會。最近顏色存儲在組件狀態中，離開頁面或重新整理時會重置。如需永久保存，請將hex代碼複製到筆記中。
• 可以直接輸入hex代碼嗎？ — 可以。使用大多數瀏覽器原生顏色選擇器中的hex輸入欄位直接輸入hex值。
• HSL是什麼，為什麼有用？ — HSL代表色調(Hue)、飽和度(Saturation)、亮度(Lightness)。改變亮度值可使顏色在保持相同色調的同時變亮或變暗，適合生成淡色和深色。