取色器與顏色轉換
選擇顏色並在 HEX、RGB、HSL 和 HSV 之間轉換，最近使用的顏色歷史記錄保存在你的裝置上。
預覽
#2563eb · rgb(37, 99, 235) · hsl(221.21, 83.19%, 53.33%)
試試 #3b82f6、rgb(59, 130, 246)、hsl(217, 91%, 60%) 或 teal 這類顏色名稱。
最近使用的顏色
尚無儲存的顏色。儲存目前的顏色或複製一個值即可開始建立清單。
使用方法
- 使用色票、HEX 欄位，或在自由輸入欄位中輸入任意 CSS 顏色來選取顏色。
- RGB、HSL 和 HSV 欄位會同步：更改其中任一欄位，其他欄位會立即更新。
- 使用複製按鈕，以您需要的確切格式複製數值。
- 將目前顏色儲存至最近使用的顏色清單，之後點選已儲存的色票即可重新套用。
注意事項
所有轉換都在您的瀏覽器中執行；您選取的顏色絕不會傳送到伺服器。最近使用的顏色僅儲存在此裝置的 localStorage 中，可隨時清除。自由輸入欄位接受 #hex、rgb()、hsl() 以及一小組命名顏色，例如 teal。
常見問題
- HSL 和 HSV 有什麼區別？
- 在 HSL 中，L 代表明度：最鮮豔的顏色位於黑色（0%）和白色（100%）的中間。在 HSV 中，V 代表明度值：100% 是最亮的純色。請根據您的工作流程所依據的模型來使用。
- 是否支援透明度（alpha）？
- 此取色器處理不透明顏色。如果您貼上帶有 alpha 的值，例如 #rrggbbaa 或 rgba()，則僅使用 RGB 部分。