PixNudge

色彩轉換工具:HEX、RGB、HSL、OKLCH

將任何 CSS 色彩在 HEX、RGB、HSL、HWB、OKLCH 和 CMYK 之間轉換,檢查與白色和黑色的 WCAG 對比度,並產生搭配的深淺色階。

使用方式

  1. 1

    貼上或輸入內容

    貼上文字或程式碼、將檔案拖放到編輯器,或點擊「開啟檔案」。點擊「載入範例」即可看看工具的運作方式。

  2. 2

    選擇選項

    結果會隨著輸入即時更新。切換模式或調整選項,就能得到你需要的輸出。

  3. 3

    複製或下載

    一鍵將結果複製到剪貼簿,或下載成檔案。

為什麼選擇 PixNudge

資料不會離開你的瀏覽器

密碼、API 金鑰、Token、SQL 查詢和客戶資料都在你的裝置上處理,絕不會傳送到伺服器。

即時產生結果

不必上傳也不必等待:輸入的同時就能看到結果,大量內容也一樣。

免費、免註冊

不需帳號、沒有使用限制,工具內也沒有廣告。將頁面加入書籤,需要時隨時使用。

常見問題

可以輸入哪些色彩格式?

任何瀏覽器能辨識的 CSS 色彩:帶或不帶 # 的十六進位色碼、rgb()、hsl()、hwb()、lab()、lch()、oklch()、color(),以及 rebeccapurple 等 148 種具名色彩。

對比度標章代表什麼意思?

WCAG 2 規定一般文字(AA)的對比度至少為 4.5:1,大型文字為 3:1,更嚴格的 AAA 等級則為 7:1。標章會顯示該色彩作為白色或黑色背景上的文字時,通過哪些等級。

CMYK 值可以直接用於印刷嗎?

這只是不含色彩描述檔的簡單數學換算。印刷廠會使用 FOGRA 或 GRACoL 等描述檔,若需要精確的印刷色彩,請洽詢印刷廠或在設計軟體中轉換。

更多免費工具