MT
My Toolbox

顏色選擇器 - 免費線上取色和顏色轉換

選取任意顏色，即時在 HEX、RGB 和 HSL 格式之間轉換。即時預覽顏色，產生隨機顏色，一鍵複製顏色代碼。適合網頁設計師和開發者使用。

選擇和轉換不同格式的顏色

tools.colorPicker.hex

#3498db

tools.colorPicker.rgb

rgb(52, 152, 219)

tools.colorPicker.hsl

hsl(204, 70%, 53%)

tools.colorPicker.hex
tools.colorPicker.rgb
tools.colorPicker.hsl

選擇和轉換不同格式的顏色

tools.colorPicker.hex

#3498db

tools.colorPicker.rgb

rgb(52, 152, 219)

tools.colorPicker.hsl

hsl(204, 70%, 53%)

使用方法

  1. 輸入 HEX 顏色代碼或使用顏色預覽開始。
  2. 即時查看顏色顯示和所有格式轉換。
  3. 點擊隨機按鈕產生新顏色。
  4. 一鍵複製任意顏色格式（HEX、RGB、HSL）。

功能特點

  • 大面積即時顏色預覽
  • HEX、RGB 和 HSL 之間自動轉換
  • 每種顏色格式一鍵複製
  • 隨機顏色產生器，激發靈感
  • 支援 3 位和 6 位 HEX 代碼
  • 免費使用，無需註冊

常見問題

HEX、RGB 和 HSL 有什麼區別？

HEX 使用十六進位表示法（#RRGGBB）。RGB 指定紅、綠、藍值（0-255）。HSL 使用色相（0-360）、飽和度（0-100%）和亮度（0-100%）。三種格式表示相同的顏色。

網頁開發應該使用哪種顏色格式？

HEX 在 CSS 中最常用。RGB 在需要透明度（rgba）時很有用。HSL 在調整顏色時更直觀，因為可以獨立改變色相、飽和度或亮度。

可以輸入 3 位 HEX 代碼嗎？

可以。3 位 HEX 代碼如 #ABC 會自動擴展為 #AABBCC。兩種格式都支援。

使用此工具時資料安全嗎？

安全。所有顏色轉換都在瀏覽器本地完成。不會將資料傳送到任何伺服器。

使用技巧與相關工作流