色彩与渐变设计最近更新： 2026-08-26
颜色代码转换 (HEX/RGB/HSL)
快速解答：Colour Converter 是一款 100% 纯前端、完全免费且安全的在线实用工具。所有运算均在您的浏览器本地完成，保障数据隐私与极致运行速度。
HEX
#2563EB
RGB
rgb(37, 99, 235)
HSL
hsl(221, 83%, 53%)
HSV
hsv(221, 84%, 92%)
CMYK
device-cmyk(84% 58% 0% 8%)
使用步骤指南 颜色代码转换 (HEX/RGB/HSL)
1
选取或输入颜色
通过调色板拾取颜色，或直接输入 HEX、RGB、HSL 颜色值。
2
调整配色方案
生成互补色、相邻色配色板或调整渐变色方向。
3
复制 CSS 代码
一键复制标准 CSS 样式代码并直接应用于网页开发中。
结果指标解析
对比度 (Contrast Ratio)
文字与背景亮度比值（符合 WCAG 2.1 AA/AAA 无障碍设计规范）。
色彩空间 (Color Space)
HEX、RGB、HSL 等用于数字化定义颜色的坐标系统。
核心亮点功能
HEX、RGB、HSL、HSV 色彩格式之间的实时精准双向转换
WCAG 2.1 AA/AAA 级别的无障碍文本对比度智能检测
支持线性与径向的现代 CSS 渐变色生成器
支持一键导出调色板色值与 CSS 变量代码
常见问题解答 (FAQ)
解答关于 颜色代码转换 (HEX/RGB/HSL) 的疑问与运行原理
A:
WCAG 2.1 AA 级标准要求普通正文字体对比度至少达到 4.5:1，大号字体至少达到 3:1。