白色背景5.56:1
AA 正文AAA 正文AA 大字
AA 正文通过，未达 AAA
COLOR IN. EVERY FORMAT OUT.
HEX ⇄ RGB ⇄ HSL.
一个颜色，换算成所有常用格式，顺便检查对比度。
免费 · 无需登录纯浏览器本地转换
输入颜色实时转换
HEX
#0b62da · #fff · #0b62daffRGB
rgb(11, 98, 218) · rgba(…, 0.5)HSL
hsl(217, 90%, 45%) · hsla(…)HSV
hsv(217, 95%, 86%) · hsb(…)转换结果8 种格式 · 点击复制
HEX
#0b62daHEX 8
#0b62daffRGB
rgb(11, 98, 218)RGBA
rgba(11, 98, 218, 1)HSL
hsl(214.8, 90.4%, 44.9%)HSLA
hsla(214.8, 90.4%, 44.9%, 1)HSV
hsv(214.8, 95%, 85.5%)CSS 变量
--color-primary: #0b62da;对比度检查
WCAG 2.1 · 1:1 – 21:1黑色背景3.77:1
AA 正文AAA 正文AA 大字
仅 AA 大字号通过
作为文字放在白色背景上对比度更高（5.56:1），达到 AA 正文标准。
所有解析、转换和对比度计算都在你的浏览器中完成，颜色值不会上传到服务器。 页面不会自动保存数据，刷新后即清空。
输入一个颜色，拿到全部格式
STAY IN THE BROWSER输入颜色或直接取色
粘贴 HEX、rgb()、hsl() 或 hsv()，也可以用原生取色器点选；透明度用滑杆调整。
查看全部格式
HEX 6 / 8 位、RGB(A)、HSL(A)、HSV 和 CSS 变量会随输入实时更新，无需点击转换。
复制并检查对比度
逐行一键复制，同时查看白底和黑底的 WCAG 对比度，决定文字颜色是否达标。
A FEW THINGS TO KNOW
你可能想知道
关于格式、透明度和对比度标准。
这个颜色转换器免费吗？
免费，无需注册，也不限使用次数。输入任意颜色，所有格式和对比度结论都会实时更新。
我的颜色值会被上传吗？
不会。解析、格式转换和对比度计算都在浏览器内完成，颜色值不会发送到服务器，也不会被保存；刷新页面后数据即清空。
支持哪些颜色格式？
支持 HEX（3、4、6、8 位，可带 #）、rgb() / rgba()、hsl() / hsla()、hsv() / hsb()。数值可以用逗号或空格分隔，透明度既支持小数也支持百分比。
简写和透明度会正确处理吗？
会。#fff 会展开成 #ffffff，#abcd 会展开成 #aabbccdd；8 位 HEX 和 rgba() 的透明度都会保留到输出里，也可以用透明度滑杆调整。
对比度是怎么计算的？
按 WCAG 2.1 的相对亮度公式计算，结果范围是 1:1 到 21:1。AA 正文要求 4.5:1，AA 大字要求 3:1，AAA 正文要求 7:1。半透明颜色会先与背景混合再计算。
HSL 和 HSV 有什么区别？
两者的色相相同，但 HSL 的 L 表示亮度，HSV 的 V 表示明度，所以饱和度和第三个数会不同。现代 CSS 原生支持 hsl()；hsv() / hsb() 更常见于设计软件和取色面板。
配色定好了，接下来写点什么？
探索 AIGoCode，让 AI 更顺手地融入你的开发工作流。