数据安全提示： 所有转换均在您的浏览器本地完成，不会上传任何颜色数据。
颜色转换器 · 多格式互转
实时取色/转换
取色器
#3B82F6
双向实时转换
点击卡片复制单个格式
颜色代码汇总
HEX: #3B82F6
RGB: 59,130,246
HSL: 217°,91%,60%
HSV: 217°,76%,96%
CMYK: 76%,47%,0%,4%
实时同步中，也可点击同步按钮
快速示例:
🎨 色彩空间简介
不同的色彩空间适用于不同场景：HEX用于网页，RGB用于屏幕显示，HSL/HSV更符合人类感知，CMYK用于印刷。
🔹 RGB 加法混色
rgb(59,130,246)
🔸 HSL 色相/饱和度/亮度
hsl(217°,91%,60%)
🧮 常用转换公式
HEX → RGB
R = 0xAB; G = 0xCD; B = 0xEF
RGB → HSL
L = (max+min)/2, S = delta/(1-|2L-1|)
RGB → HSV
V = max, S = delta/max
RGB → CMYK
K = 1 - max(R',G',B')
💻 JavaScript 代码示例
// 将RGB转换为HEX
function rgbToHex(r,g,b) {
return '#' + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
}
// 将HSL转换为RGB (简化)
function hslToRgb(h,s,l){ // ... }
function rgbToHex(r,g,b) {
return '#' + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
}
// 将HSL转换为RGB (简化)
function hslToRgb(h,s,l){ // ... }