免費線上檢色器工具

將檔案拖曳至此,
或按 Ctrl+V/Cmd+V 貼上影像或檔案

色彩資訊
Hex
RGB
HSL
HSV

用範例相片試試:

範例 1
範例 2
範例 3
上傳或拖放影像即可開始取色
調色盤
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff

專業檢色器工具

用我們的進階檢色器選取、辨識並萃取精確色碼。需要準確 HEX、RGB、HSL、HSV 與 CMYK 數值的設計師、開發者與創作者的最佳幫手。

選色範例
配色建立

為什麼選擇我們的檢色器?

我們的專業檢色器提供像素級精準的色彩萃取與多種格式輸出,是網頁設計、平面設計與數位創作不可或缺的工具。

  • Multiple color formats
  • Precise pixel selection
  • Color palette creation
  • Real-time preview
  • Copy to clipboard
  • Color history

進階選色

可從影像、漸層中取色,或使用色環精準選色並即時預覽。

多種格式

取得 HEX、RGB、HSL、HSV 與 CMYK 格式的色碼,適用於各種設計流程。

配色建立工具

建立並儲存自訂配色,維持品牌一致性與專案的色彩管理。

最適合:

  • Web design projects
  • Graphic design work
  • Brand color matching
  • UI/UX design
  • Digital art creation
  • CSS development

運作方式:

1
選擇選色方式

可選擇色環、影像取色或手動輸入。

2
選取你的色彩

點選顏色或調整滑桿,找出最完美的色調。

3
複製色碼

以你偏好的格式取得精確色值,並複製到剪貼簿。


常見問題

我們的檢色器支援所有主流格式:HEX(#RRGGBB)、RGB(紅、綠、藍)、HSL(色相、飽和度、亮度)、HSV(色相、飽和度、明度),以及印刷設計用的 CMYK(青、洋紅、黃、黑)。所有數值都會在你選色時即時計算。

可以!上傳任何影像後,點選畫面上的任一位置,即可擷取該像素的精確色彩。這非常適合比對品牌色、從相片中取樣顏色,或從既有設計建立色票。無論您選擇哪一點,工具都會提供精準的色彩數值。

選擇顏色後,點選「加入色票」按鈕即可加入您的色票。您可以建立協調的配色組合、品牌色系或專案專用色票。將色票匯出為各種格式,或複製個別色彩代碼,直接用於您的設計軟體。

RGB 以十進位數值(0-255)表示紅、綠、藍三個色版,例如紅色為 rgb(255, 0, 0)。HEX 則使用十六進位表示法,以 # 開頭加上 6 個字元,同樣的紅色寫作 #FF0000。兩者代表完全相同的顏色 - HEX 在網頁設計中較常見,RGB 則更容易理解色彩混合的原理。

我們的檢色器提供像素級的精準度,各色彩格式之間採用精確的數學換算。這些數值與 Photoshop、Illustrator 等專業設計軟體及網頁瀏覽器所使用的完全一致,確保在不同平台與應用程式間都能完美對色。

當然可以!我們的工具會提供專為印刷設計的 CMYK 數值。不過請記得,由於螢幕與印刷的色域不同,印出來的顏色可能會有差異。請將 CMYK 數值當作起點,並在對色要求嚴格的專業印刷專案中,務必索取打樣確認。