色彩轉換工具:HEX、RGB、HSL、OKLCH
將任何 CSS 色彩在 HEX、RGB、HSL、HWB、OKLCH 和 CMYK 之間轉換,檢查與白色和黑色的 WCAG 對比度,並產生搭配的深淺色階。
使用方式
- 1
貼上或輸入內容
貼上文字或程式碼、將檔案拖放到編輯器,或點擊「開啟檔案」。點擊「載入範例」即可看看工具的運作方式。
- 2
選擇選項
結果會隨著輸入即時更新。切換模式或調整選項,就能得到你需要的輸出。
- 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 等描述檔,若需要精確的印刷色彩,請洽詢印刷廠或在設計軟體中轉換。