开发编码

颜色转换

HEX、RGB、HSL、OKLCH · 0 B 上传

颜色转换使用说明

转换 HEX、RGB、HSL、OKLCH 色值，计算文字和背景的 WCAG 对比度，生成同色明暗、相邻色或互补色色板并导出 CSS。

怎么用

  1. 输入颜色或使用取色器；浏览器支持时也能从屏幕取色。
  2. 查看各格式色值，并填写背景色检查文字对比度。
  3. 选择配色方式，点击色块复制颜色，或下载 CSS 色板。

使用前了解

  • 超出 sRGB 色域的颜色转成 HEX、RGB、HSL 时会裁剪，并显示提示。
  • 对比度按 WCAG 2.x 计算，半透明前景会先与背景合成。