technine.io

工具

顏色轉換器

使用顏色選擇器及色板轉換 HEX、RGB 及 HSL。

HEX: #006ABF
RGB: rgb(0, 106, 191)
HSL: hsl(207, 100%, 37%)

輸入六位 HEX 顏色值,即可查看 RGB、HSL 及色板,方便快速核對顏色。

使用方法

  1. 使用選色器,或輸入例如 #006ABF 的顏色值。
  2. 查看色板下方的 RGB 及 HSL。
  3. 複製結果到樣式表、設計備註或交接文件。

適用情況

準備 CSS 顏色值
把設計提供的 HEX 值轉成樣式表所需的 RGB 或 HSL。
核對品牌顏色
利用色板確認六位 HEX 值是否為所需顏色。

支援的顏色輸入

  • 文字欄只接受六位 HEX 顏色,可有或沒有 #。
  • 工具會把 HEX 轉為 RGB 及 HSL;不接受 RGB、HSL、顏色名稱或透明度值作輸入。
  • HSL 會以整數顯示。

常見問題

可以輸入 #fff 嗎?

不可以。請使用完整六位格式,例如 #FFFFFF。

可以設定透明度嗎?

不可以。此工具只處理不透明的六位 HEX 顏色。

可以把 RGB 轉回 HEX 嗎?

目前不可以,請由六位 HEX 值開始。

為何 HSL 是整數?

色相、飽和度及明度會四捨五入為整數,方便查看及複製。

諮詢WhatsApp