WCAG AA & AAA
任意配對兩種顏色。取得比例。檢測正體文字與大字體的通過/失敗。
舊有的廣告包裝網站會在您造訪時顯示橫幅廣告,並以靜態頁面排名「色彩選擇器」。大型套件需要雲端帳戶。其他十幾種工具則要求您上傳圖片以提取色碼——而瀏覽器的 eyedropper API 已經解決了這個問題。Morph 以視覺方式選擇色彩,轉換 HEX、RGB、HSL、CMYK,生成色調(補色、類似色、三色、分離、單色),並執行 WCAG 比對檢查——所有操作 在您的標籤頁中,無廣告、無上傳、無帳戶。所有在您的裝置上運行的功能均免費;AI 功能需以點數付費。
輸入 #FF5200,即可看到 RGB(255, 82, 0)、HSL(19, 100%, 50%)、CMYK(0, 68, 100, 0) 和最接近的 CSS 名稱顏色。點擊一次即可複製任何格式。編輯任何欄位,其他欄位會自動同步。
補充、類似、三色、分割補充、單色、四色。選擇一個基色,五種色調即可生成可用的配色方案。
任意配對兩種顏色。取得比例。檢測正體文字與大字體的通過/失敗。
Chrome / Edge的EyeDropper API。在螢幕任何地方取樣像素。
三種模式主導色彩選擇器市場。第一:廣告包裝的網站,透過年資老、廣告密集且互動性低而排名靠前。第三:企業級套件,要求雲端帳戶才能完成本應只需百行程式碼的任務。Morph 是本地優先、無帳戶、包含所有格式的版本。瀏覽器已內建 EyeDropper API 和色彩輸入;Morph 將其包裝成易用介面,並加入每位設計師所需的數學運算(CMYK、HSL、對比度、配色理論).
調色板圖書館網站提供社群收藏——數百萬用戶儲存的調色板可供瀏覽和重新混合。若您工作流程以社群精選靈感為中心,Morph的獨立選擇器並非適合的介面。Morph是數學 + 轉換 + 調色板生成器 + 對比度檢查——確定性、可重複的部分。「瀏覽百萬用戶調色板」的部分是另一個產品。
是的。輸入任何 HEX 顏色代碼,Morph 會立即顯示 RGB、HSL 和 CMYK 的對應值。所有方向均可操作——在任何欄位輸入,其他欄位會同步。
是的。Morph 可計算任意兩種顏色之間的 WCAG 比例,並告訴您該組合是否符合 AA 或 AAA 可存取性標準(適用於正文字體和大字體)。
是的。選擇基底色,Morph 會根據色彩理論生成對應、類似、三色、分離對應、單色及四色調色板。
Chrome 和 Edge 支援 — Morph 呼叫瀏覽器的 EyeDropper API。點擊吸管按鈕,將游標懸停在螢幕任何位置,點擊取樣。Safari 和 Firefox 目前尚未公開此 API;在這些瀏覽器中,Morph 會回退至在選擇器介面上取樣。
保存的調色板儲存在您設備的localStorage中,永遠不會同步至Morph伺服器。清除瀏覽器儲存,它們就會消失——Morph也沒有副本。