如何轉換顏色
- 點擊顏色方塊選擇顏色,或在文字欄位中輸入。
- 可以輸入 HEX(#1e90ff)、rgb()、hsl() 或英文顏色名稱。
- 在預覽中查看顏色,以及對應的 HEX、RGB、HSL 與 CMYK。
- 複製需要的格式,並檢查它與白色或黑色文字的對比度。
這個工具有什麼用
設計師與開發者經常需要在不同格式之間轉換顏色:色票上的 HEX、樣式表中的 rgb(),或用來製作較亮、較暗版本的 HSL。這個工具一步就能完成。
它也會依照 WCAG 無障礙指引,計算顏色與白色文字、黑色文字的對比度:一般文字需達到 4.5:1 才符合 AA 等級,達到 7:1 則符合 AAA 等級。
CMYK 是簡單的換算,僅供參考;若是專業印刷,請使用設計軟體中的色彩描述檔。
使用前請注意
- CMYK 是以標準公式由 RGB 計算而來,沒有使用色彩描述檔,因此可能與實際印刷的效果不同。
- 顏色名稱只支援英文(red、tomato、navy…)。
- 原生的選色器外觀可能因瀏覽器與裝置而異。
常見問題
如何把 HEX 轉成 RGB?
輸入 HEX(例如 #1e90ff),工具會立即顯示對應的 rgb(),以及 HSL 與 CMYK。
什麼是 WCAG 對比度?
它衡量文字在背景上的易讀程度。對一般文字而言,4.5:1 符合 AA 等級,7:1 符合 AAA 等級。
支援帶有透明度的顏色嗎?
支援:可以輸入 #rrggbbaa、rgba() 或 hsla(),也會一併顯示透明度。
會有任何內容傳送到伺服器嗎?
不會。所有計算都在你的瀏覽器中進行。
需要付費嗎?
不用,完全免費,不需註冊,直接在瀏覽器中使用。