色彩擷取器 · HEX · RGB · HSL · CMYK

免費線上色盤 整個色譜,就在你的標籤頁中。

舊有的廣告包裝網站會在您造訪時顯示橫幅廣告,並以靜態頁面排名「色彩選擇器」。大型套件需要雲端帳戶。其他十幾種工具則要求您上傳圖片以提取色碼——而瀏覽器的 eyedropper API 已經解決了這個問題。Morph 以視覺方式選擇色彩,轉換 HEX、RGB、HSL、CMYK,生成色調(補色、類似色、三色、分離、單色),並執行 WCAG 比對檢查——所有操作 在您的標籤頁中,無廣告、無上傳、無帳戶。所有在您的裝置上運行的功能均免費;AI 功能需以點數付費。

01
轉換

所有色彩格式,一應俱全 — HEX、RGB、HSL、CMYK、命名色。

輸入 #FF5200,即可看到 RGB(255, 82, 0)、HSL(19, 100%, 50%)、CMYK(0, 68, 100, 0) 和最接近的 CSS 名稱顏色。點擊一次即可複製任何格式。編輯任何欄位,其他欄位會自動同步。

開啟工具
在您的裝置上執行 · 免費 · 無需帳戶

它實際做什麼

02
PALETTE

色彩理論,生成式

補充、類似、三色、分割補充、單色、四色。選擇一個基色,五種色調即可生成可用的配色方案。

03
對比度

WCAG AA & AAA

任意配對兩種顏色。取得比例。檢測正體文字與大字體的通過/失敗。

04
吸管工具

從螢幕選擇

Chrome / Edge的EyeDropper API。在螢幕任何地方取樣像素。

如何運作

  1. 在任何現代瀏覽器中開啟 morph.cool/color。無需登入、無需安裝、無需信用卡。
  2. 選擇視覺化 — 拖動選擇器、輸入HEX碼、貼上RGB字串,或使用EyeDropper按鈕取樣(Chrome/Edge)。
  3. 即時轉換HEX、RGB、HSL和CMYK。編輯任何欄位;其他欄位保持同步。
  4. 生成色彩調色板——補色、類似色、三色、分離色、單色、四色。每個調色板只需點擊一次即可複製。
  5. 測試對比度。將任意兩種顏色與 WCAG AA/AAA 標準對比,適用於正常和大字型。
4 格式HEX · RGB · HSL · CMYK
6 套方案配色生成器
0需要帳戶

為何大多數色彩工具感覺像迷宮

三種模式主導色彩選擇器市場。第一:廣告包裝的網站,透過年資老、廣告密集且互動性低而排名靠前。第三:企業級套件,要求雲端帳戶才能完成本應只需百行程式碼的任務。Morph 是本地優先、無帳戶、包含所有格式的版本。瀏覽器已內建 EyeDropper API 和色彩輸入;Morph 將其包裝成易用介面,並加入每位設計師所需的數學運算(CMYK、HSL、對比度、配色理論).

設計SaaS仍佔優勢的地方

調色板圖書館網站提供社群收藏——數百萬用戶儲存的調色板可供瀏覽和重新混合。若您工作流程以社群精選靈感為中心,Morph的獨立選擇器並非適合的介面。Morph是數學 + 轉換 + 調色板生成器 + 對比度檢查——確定性、可重複的部分。「瀏覽百萬用戶調色板」的部分是另一個產品。

常見問題

我能否在HEX和RGB之間轉換?

是的。輸入任何 HEX 顏色代碼,Morph 會立即顯示 RGB、HSL 和 CMYK 的對應值。所有方向均可操作——在任何欄位輸入,其他欄位會同步。

Morph 是否檢查顏色對比度以符合無障礙要求?

是的。Morph 可計算任意兩種顏色之間的 WCAG 比例,並告訴您該組合是否符合 AA 或 AAA 可存取性標準(適用於正文字體和大字體)。

我能否從單一顏色生成色彩調色板?

是的。選擇基底色,Morph 會根據色彩理論生成對應、類似、三色、分離對應、單色及四色調色板。

吸管工具是否真的能從螢幕任何位置擷取顏色?

Chrome 和 Edge 支援 — Morph 呼叫瀏覽器的 EyeDropper API。點擊吸管按鈕,將游標懸停在螢幕任何位置,點擊取樣。Safari 和 Firefox 目前尚未公開此 API;在這些瀏覽器中,Morph 會回退至在選擇器介面上取樣。

我的顏色會儲存在任何地方嗎?

保存的調色板儲存在您設備的localStorage中,永遠不會同步至Morph伺服器。清除瀏覽器儲存,它們就會消失——Morph也沒有副本。

開啟色彩選擇器
Open the color picker
Nothing leaves your device · Free for what you make, credits for what we run