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是典型例子。第二：风投支持的SaaS如Coolors，将导出、渐变生成和调色板保存功能设为付费墙，每月3-5美元，而浏览器原生已提供该功能。第三：企业级Adobe Color，要求Creative Cloud账号才能使用本应只需百行代码的功能。Morph是本地优先、无需账号、包含所有格式的版本。浏览器已内置EyeDropper API和颜色输入；Morph将其封装为可用界面，并添加了设计师所需的所有数学计算（CMYK、HSL、对比度、调色板理论）。
Coolors和Adobe Color拥有社区调色板库——数百万用户保存的调色板，您可以浏览和重新混合。如果您的工作流程以社区精选的灵感为中心，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没有副本。