跳到主要内容

颜色取色与转换

开发者工具

用取色器选一个颜色,实时得到 HEX、RGB、HSL 等格式取值,并检查它与黑白文字的对比度是否符合 WCAG AA 标准。

正在加载工具…

使用说明

3 步
  1. 01

    点击色块或直接输入 HEX 值

  2. 02

    查看各格式取值,点击即可复制

  3. 03

    参考对比度提示确保文字可读性

常见问题

2 个问题
Q1支持哪些颜色格式?

输入支持 #3b82f6、#38f、3b82f6 等写法;输出提供 HEX、RGB、HSL、RGBA 四种格式。

Q2对比度数值怎么用?

WCAG 规定正文文字与背景对比度不低于 4.5:1(AA 级),大号文字不低于 3:1。数值越高越清晰。

开发者工具