WCAG AA & AAA
任意配对两种颜色。获取对比度比例。正文和大文本通过/不通过检测。
旧有的广告包裹网站会在访问时展示横幅广告,并以静态页面排名“颜色选择器”。大型套件需要云账户。其他十多个工具需要你上传图片以提取调色板——而浏览器的吸管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没有副本。