顏色選擇器與轉換器

選擇顏色,或以 HEX、RGB、HSL 或英文名稱輸入,立刻取得所有可複製的格式,以及它與白色、黑色文字的對比度。所有處理都在你的瀏覽器中完成。

🔒 你輸入的內容不會離開你的裝置,所有計算都在你的瀏覽器中完成。

格式

HEX
RGB
HSL
CMYK

文字對比度(WCAG)

此顏色上的白色文字
此顏色上的黑色文字

如何轉換顏色

  1. 點擊顏色方塊選擇顏色,或在文字欄位中輸入。
  2. 可以輸入 HEX(#1e90ff)、rgb()、hsl() 或英文顏色名稱。
  3. 在預覽中查看顏色,以及對應的 HEX、RGB、HSL 與 CMYK。
  4. 複製需要的格式,並檢查它與白色或黑色文字的對比度。

這個工具有什麼用

設計師與開發者經常需要在不同格式之間轉換顏色:色票上的 HEX、樣式表中的 rgb(),或用來製作較亮、較暗版本的 HSL。這個工具一步就能完成。

它也會依照 WCAG 無障礙指引,計算顏色與白色文字、黑色文字的對比度:一般文字需達到 4.5:1 才符合 AA 等級,達到 7:1 則符合 AAA 等級。

CMYK 是簡單的換算,僅供參考;若是專業印刷,請使用設計軟體中的色彩描述檔。

使用前請注意

常見問題

如何把 HEX 轉成 RGB?

輸入 HEX(例如 #1e90ff),工具會立即顯示對應的 rgb(),以及 HSL 與 CMYK。

什麼是 WCAG 對比度?

它衡量文字在背景上的易讀程度。對一般文字而言,4.5:1 符合 AA 等級,7:1 符合 AAA 等級。

支援帶有透明度的顏色嗎?

支援:可以輸入 #rrggbbaa、rgba() 或 hsla(),也會一併顯示透明度。

會有任何內容傳送到伺服器嗎?

不會。所有計算都在你的瀏覽器中進行。

需要付費嗎?

不用,完全免費,不需註冊,直接在瀏覽器中使用。