跳转到主要内容
Develop Tools

颜色选择器与颜色代码转换工具

选择颜色、转换格式、生成配色方案并检查对比度。

选择颜色

212°
100%
当前颜色
更改前的颜色

颜色格式

您可以直接编辑每个输入字段。

对比检查

大号示例文本 可检查正文大小的示例文本和链接的显示效果。
1.00:1 正文 AA 正文 AAA 大文本 AA 大文本 AAA

配色方案生成

临时调色板

添加到调色板的颜色将显示在此处。

关于此工具

您可以获取网页制作和 UI 设计中使用的颜色代码,对其进行转换,并在一页上考虑配色方案。

支持的功能

  • HEX、RGB、HSL、HSV 格式
  • 对比度确认、配色方案生成、临时调色板

使用方法

  1. 使用颜色选择器或数字输入选择颜色。
  2. 选择您需要的颜色格式或配色方案。
  3. 复制显示的颜色代码。

限制事项

  • 实际外观可能会因显示器和颜色配置文件而异。
  • 另请检查最终设计中的对比结果。

隐私: 输入内容和处理结果仅在浏览器中处理,不会发送或保存到 Develop Tools 的服务器。