颜色转换器
首页
使用说明
1
输入颜色值
在任意格式输入框中输入颜色值，支持HEX/RGB/HSL/HSV
2
自动识别
工具自动识别输入颜色值的格式并进行转换
3
查看转换结果
所有格式的转换结果实时显示，带有对应颜色预览
4
复制使用
点击任意格式旁的复制按钮，将颜色值复制到剪贴板
使用技巧
•
智能识别
：自动识别HEX、RGB、HSL、HSV等常见颜色格式
•
颜色预览
：实时显示颜色预览色块，直观查看转换效果
•
反向转换
：任意格式输入均可转换为其他所有格式
•
格式灵活
：支持带#和不带#的HEX值，支持rgb()和rgba()等多种写法
查看详细操作说明
🌈 颜色转换说明
•
什么是颜色转换
：在不同颜色表示格式之间进行转换的过程
•
颜色格式
：HEX（16进制）、RGB（红绿蓝）、HSL（色相饱和度明度）、HSV（色相饱和度明度）
•
使用场景
：设计稿与实际开发颜色格式转换、颜色值在不同工具间的迁移
•
注意事项
：不同颜色格式表示同一颜色的方式不同，但色彩值等价
🔧 格式对照
•
HEX格式
：以#开头的6位16进制数，如#FF6600，是最常用的网页颜色格式
•
RGB格式
：rgb(红,绿,蓝)函数表示法，各分量0-255，如rgb(255,102,0)
•
HSL格式
：hsl(色相,饱和度%,明度%)，色相0-360°，如hsl(24,100%,50%)
⚙️ 功能特性
•
多格式互转
：HEX/RGB/HSL/HSV四种格式互相转换
•
智能识别
：自动识别输入格式，无需手动选择
•
颜色预览
：实时预览色块，直观确认颜色是否正确
•
纯前端处理
：所有处理在浏览器本地完成，数据不上传服务器
颜色预览
预设颜色
HEX
#
复制
RGB
R (红)
G (绿)
B (蓝)
复制 RGB
HSL
H (色相°)
S (饱和度%)
L (亮度%)
复制 HSL