螢幕取色與格式換算
調色與吸管取色器
使用原生吸管擷取螢幕任意色彩，即時進行 HEX、RGB、HSL、HSV 與印刷 CMYK 全色彩空間互轉，並自動評估文字可讀性與無障礙對比度。
螢幕吸管依賴現代瀏覽器 EyeDropper API 支援；所有換算與對比度評估全程在瀏覽器本機執行，零資料上傳。
目前瀏覽器未支援吸管 API，可透過調色盤或滑桿選取
#3B82F6
Luminance: 0.235
多色彩空間數值與一鍵複製
HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
HSV / HSBhsv(217, 76%, 96%)
CMYK (印刷)cmyk(76%, 47%, 0%, 4%)
WCAG 2.1 無障礙文字對比度
在純白背景 (#FFFFFF) 上3.68 : 1
AA (≥4.5:1) 未達標AAA (≥7:1) 未達標
在純黑背景 (#000000) 上5.71 : 1
AA (≥4.5:1) 通過AAA (≥7:1) 未達標
色彩搭配與色輪關係
互補色 (180°)
#3B82F6#F6AF3C
鄰近色 (±30°)
#523CF6#3CE0F6
三角色 (120°)
#F63C83#83F63C
單色明暗階梯
🛡️100% 瀏覽器本機運算 · 零網路回傳 · 設計取色即刻轉換
方法與限制
色彩空間的數學轉換與無障礙對比度原理
網頁與螢幕通常使用 sRGB 空間，本工具在進行 HSL 與 HSV 轉換時保持直覺的色相角度（0°~360°），而在換算至印刷 CMYK 時依據標準減色模型剝離黑版（K 版），便於印前色彩校準。
WCAG 2.1 對比度透過將顏色還原為線性相對亮度進行精確加權計算，確保一般內文對比度達到 4.5:1（AA 級）甚至 7:1（AAA 級），保障視障與暗光環境下的文字可讀性。
相對亮度 L = 0.2126*R + 0.7152*G + 0.0722*B；對比度 = (L1 + 0.05) / (L2 + 0.05)。
常見問題
調色與吸管取色器 · 常見問題
哪些瀏覽器支援原生吸管 (EyeDropper)？
Chrome 95+、Edge 95+ 等 Chromium 核心桌面瀏覽器已原生支援。在 Safari、Firefox 上，可直接使用內建調色盤或輸入色值。
取色過程會記錄我的螢幕內容嗎？
絕不會。EyeDropper API 由瀏覽器原生沙箱安全控制，只有在您主動點擊確認像素後，當前網頁才能讀取該單點的色碼，無法讀取任何多餘畫面。
CMYK 數值可用於印刷嗎？
提供標準 RGB 轉 CMYK 減色換算，適合一般設計與色票標注參考。