03
對比度
WCAG AA & AAA
任意配對兩種顏色。取得比例。檢測正體文字與大字體的通過/失敗。
HTMLColorCodes.com runs banner ads against your visit and ranks for "color picker" with a static page. Coolors gates the meaningful exports behind a $3-$5/month plan. Adobe Color needs a Creative Cloud account. The other dozen tools have you upload an image to extract a palette — for a problem the browser already solved with the eyedropper API. Morph picks colors visually, converts between HEX, RGB, HSL, CMYK, generates palettes (complementary, analogous, triadic, split, monochromatic), and runs WCAG contrast checks — all in your tab, no ads, no upload, no account. Free for everything that runs on your device; AI is paid in credits.
輸入 #FF5200，即可看到 RGB(255, 82, 0)、HSL(19, 100%, 50%)、CMYK(0, 68, 100, 0) 和最接近的 CSS 名稱顏色。點擊一次即可複製任何格式。編輯任何欄位，其他欄位會自動同步。
補充、類似、三色、分割補充、單色、四色。選擇一個基色，五種色調即可生成可用的配色方案。
任意配對兩種顏色。取得比例。檢測正體文字與大字體的通過/失敗。
Chrome / Edge的EyeDropper API。在螢幕任何地方取樣像素。
三種模式主導色彩選擇器市場。第一：廣告包裝的網站，透過年齡老、廣告密集且互動性低而排名最高 — HTMLColorCodes是典型例子。第二：VC資助的SaaS如Coolors，將匯出、漸變生成和配色保存功能鎖定在$3-$5/月的訂閱後，而您其實不需要為瀏覽器原生提供的功能付費。第三：企業級Adobe Color，要求Creative Cloud帳戶才能使用應只需百行代碼的功能。Morph是本地優先、無帳戶、包含所有格式的版本。瀏覽器已內建EyeDropper API和色彩輸入；Morph將其包裝成易用介面，並加入每個設計師所需的數學功能（CMYK、HSL、對比度、配色理論）。
Coolors 和 Adobe Color 有社群調色盤圖書館——數百萬用戶保存的調色盤，您可以瀏覽和重新混合。如果您的工作流程以社群 curated 的靈感為中心，Morph 的獨立擷取器並不是合適的工具。Morph 是數學 + 轉換 + 調色盤生成器 + 對比度檢查——確定性、可重複的部分。「瀏覽百萬個用戶調色盤」是另一個產品，而 Coolors 有強大的功能。
是的。輸入任何 HEX 顏色代碼，Morph 會立即顯示 RGB、HSL 和 CMYK 的對應值。所有方向均可操作——在任何欄位輸入，其他欄位會同步。
是的。Morph 可計算任意兩種顏色之間的 WCAG 比例，並告訴您該組合是否符合 AA 或 AAA 可存取性標準（適用於正文字體和大字體）。
是的。選擇基底色，Morph 會根據色彩理論生成對應、類似、三色、分離對應、單色及四色調色板。
Chrome 和 Edge 支援 — Morph 呼叫瀏覽器的 EyeDropper API。點擊吸管按鈕，將游標懸停在螢幕任何位置，點擊取樣。Safari 和 Firefox 目前尚未公開此 API；在這些瀏覽器中，Morph 會回退至在選擇器介面上取樣。
保存的調色板儲存在您設備的localStorage中，永遠不會同步至Morph伺服器。清除瀏覽器儲存，它們就會消失——Morph也沒有副本。