載入中...
輸入 HEX、RGB 或 HSL 色彩，或透過視覺化選擇器取色，即可取得各格式的精確轉換。互補色、相鄰色和三角色等配色會自動計算。
免費使用，無需帳戶，在瀏覽器中處理，不上傳到伺服器。
輸入 HEX、RGB 或 HSL 色彩，或透過視覺化選擇器取色，即可取得各格式的精確轉換。互補色、相鄰色和三角色等配色會自動計算。
支援的格式
HEX
#2F4A3F
CSS、HTML、設計稿
RGB
rgb(47,74,63)
傳統網頁開發
HSL
hsl(150,22%,24%)
直覺調整色相、飽和度與亮度
配色依 HSL 色相計算。製作無障礙介面時應檢查互補色對比度，部分組合（例如紅綠）會讓色覺異常使用者難以分辨。
已有綠色 #2F4A3F，需要為行動按鈕尋找互補色時，工具會算出酒紅色 #4A2F3F。請繼續測試對比度以確保無障礙。