即時轉換HEX、RGB、HSL、HWB、LCH、CMYK和顏色名稱等不同顏色格式。支援實時轉換、高級顏色選擇器和預覽功能。
工具功能
- 8種不同的顏色格式，包括HEX、RGB、HSL、CMYK: 支援 HEX（#FFFFFF）、RGB（rgb(255,255,255)）、HSL（hsl(0,0%,100%)）、CMYK（印刷四色）、HSV、LAB、XYZ 等8種顏色格式的相互轉換。每種格式都有特定的應用場景：HEX 用於網頁，RGB 用於螢幕顯示，CMYK 用於印刷，HSL 用於直觀的顏色調整。
- 即時轉換，輸入或選擇即顯示: 修改任何一種格式的顏色值，其他所有格式自動同步更新。支援顏色選擇器拾色、手動輸入顏色值、貼上顏色程式碼等多種輸入方式。提供即時預覽，即時顯示當前顏色效果。支援透明度（Alpha 通道）的轉換。
- 一鍵複製每種格式: 每種顏色格式都提供獨立的複製按鈕，點擊即可複製到剪貼簿。自動格式化為標準的 CSS 顏色值，可直接貼上到程式碼中使用。支援批次複製所有格式的顏色值。提供顏色程式碼的不同變體（如 RGB、RGBA、rgb()、rgb(r g b)）。
- 本地處理，資料不會發送到伺服器: 所有顏色轉換計算在瀏覽器本地完成，不上傳任何資料到伺服器。完全離線可用，保護設計方案和配色隱私。支援儲存常用顏色到本地收藏夾。無需註冊或登入，開啟即用。
使用方法
- 選擇顏色: 使用顏色選擇器或輸入顏色值
- 查看格式: 所有顏色格式將自動顯示
- 複製結果: 點擊複製按鈕複製任何格式
生成原理
顏色模型和空間
顏色轉換處理不同顏色模型之間的轉換：RGB（螢幕使用每通道0-255值的紅綠藍加色法）、HSL（色相0-360°，飽和度/亮度0-100%感知模型）、HSV/HSB（色相-飽和度-值/明度替代圓柱模型）、CMYK（印刷的青品黃黑減色法）、HWB（色相-白度-黑度直觀混合模型）、LAB（L*亮度，a*綠-紅，b*藍-黃裝置獨立空間）、LCH（亮度-色度-色相極座標LAB）。轉換器實現精確的數學轉換：RGB↔HSL使用色度計算（max-min）和色相扇區確定；RGB↔CMYK套用K=1-max(R,G,B)然後CMY=(1-RGB)/(1-K)；LAB↔XYZ使用D65光源參考白。它處理邊緣情況：消色差顏色（未定義色相）、超出範圍值的色域裁剪、用於準確亮度表示的伽瑪校正（sRGB使用2.2伽瑪）。
格式解析和驗證
該工具透過基於正規表示式的提取和驗證解析多樣的顏色輸入格式。支援的語法包括：帶有可選井號的HEX（#RGB、#RRGGBB、#RRGGBBAA）、CSS函數表示法（rgb()、rgba()、hsl()、hsla()、hwb()、lab()、lch()）、傳統格式（rgb(255 255 255)、hsl(180deg 50% 50%)）、CSS顏色層級 4（rgb(100% 50% 0)、oklch()、oklab()）、命名顏色（不區分大小寫的CSS關鍵字）。驗證實現：每個顏色模型的範圍檢查（RGB 0-255、色相0-360、百分比0-100%）、單位解析（角度的deg/rad/turn，百分比的%）、alpha通道驗證（0-1或0-100%）、無效語法的錯誤訊息。轉換器處理模糊輸入：純數字值預設為RGB、嘗試從值模式檢測格式、提供糾正建議。輸出格式化提供：可配置精度（小數位數）、大寫/小寫HEX、百分比vs十進位RGB、逗號vs空格分隔符號、壓縮vs可讀格式。
顏色和諧和可存取性
該工具基於色彩理論生成配色方案：互補色（180°色相旋轉）、類似色（±30°色相）、三元色（120°間距）、四元/方形（90°間距）、分裂互補、單色（相同色相，變化亮度/飽和度）。它實現WCAG可存取性檢查：使用相對亮度公式計算對比度、根據WCAG 2.1等級驗證（AA要求普通文字4.5:1，大文字3:1；AAA要求7:1和4.5:1）、建議顏色調整以滿足標準、提供通過/失敗指示器。色盲模擬模型：紅色盲（protanopia）、綠色盲（deuteranopia）、藍色盲（tritanopia）、全色盲（achromatopsia），使用Brettel/Vié不演算法。匯出功能提供：帶有變數名稱的調色盤JSON/CSS/SCSS、設計工具整合（Adobe ASE、Sketch、Figma）、漸層程式碼生成（CSS、SVG、Canvas）、帶有可存取性說明的配色方案文件。
常見問題
- 這個顏色轉換器工具用來做什麼？
- 這個顏色轉換器工具用於在不同顏色格式之間轉換，包括 HEX、RGB、HSL、HWB、LCH、CMYK 和顏色名稱。提供即時轉換、視覺化顏色選擇器和即時預覽。非常適合網頁設計師、UI 開發者和平面設計師快速選擇和管理不同平台和格式的顏色。
- 如何使用顏色轉換器？
- 只需使用交互式顏色選擇器視覺化選擇顏色，或直接輸入任何格式的顏色值（HEX、RGB、HSL 等）。所有其他格式將自動即時轉換並顯示。點擊任何格式旁邊的複製按鈕，即可將其複製到剪貼簿以在您的專案中使用。
- 這個顏色轉換器工具免費嗎？
- 是的，這個顏色轉換器完全免費使用。無需註冊，無需付費。所有顏色轉換都在您的瀏覽器本地處理，確保隱私和安全。您可以無限制地轉換顏色。
- 這個顏色轉換器有什麼特別之處？
- 本轉換器支援 8 種以上的顏色格式，包括 LCH 和 LAB 等現代色彩空間。提供即時轉換、帶滑塊的視覺化顏色選擇器、預設調色盤、隨機顏色生成和每種格式的一鍵複製。所有處理都在瀏覽器本地完成，保護隱私並支援離線使用。
- 什麼時候應該使用不同的顏色格式？
- 使用 HEX (#FFFFFF) 進行網頁開發和 CSS，RGB (rgb(255,255,255)) 用於 JavaScript 和螢幕顯示，HSL (hsl(0,100%,50%)) 用於直觀的顏色調整，CMYK 用於印刷設計，LAB/LCH 用於裝置獨立的顏色，顏色名稱（red, 藍色）用於快速原型製作。每種格式都針對特定用例進行了優化。
相關文件
- MDN - Canvas API - HTML5 Canvas API 用於圖形和視覺化
- MDN - SVG 文件 - 可縮放向量圖形文件和教學
- W3C - SVG 規範 - W3C 官方 SVG 規範
- MDN - CSS Color - CSS顏色值和顏色空間
- Web.開發 - 圖形和視覺效果 - Web圖形和動畫最佳實踐