颜色转换器

输入或选择一种颜色,同时看到 HEX、RGB、HSL 和 OKLCH 格式,可直接复制到 CSS、设计工具或代码中。还会显示在这种颜色上黑字还是白字更易读。

在你的浏览器中运行。文件从不上传,也不保存。

示例文字
HEX
RGB
HSL
OKLCH

颜色对比度检查

有功能不正常,或缺少某个选项?

如何使用颜色转换器

  1. 用任意格式输入颜色,或选择一种颜色。
  2. 同时查看所有格式。
  3. 复制你需要的格式。

常见问题

OKLCH 是什么?

一种较新的 CSS 颜色格式,亮度的等量变化在人眼看来也是等量的,便于制作色阶。所有现代浏览器都支持。

我的文件会被上传吗?

不会。工具在你的浏览器中运行,页面被禁止向任何地方发送数据。你可以断开网络验证:它照样能用。

开源组件

此工具只使用浏览器自带的功能,不含任何第三方代码。

完整许可证文本