🎨 颜色代码转换器

支持HEX、RGB、HSL、CMYK颜色代码互转，屏幕取色器

#FF5722

点击选择颜色

HEX 颜色

HEX

RGB 颜色

R

G

B

红 (R) 255

绿 (G) 87

蓝 (B) 34

HSL 颜色

H

S

L

色相 (H) 16°

饱和度 (S) 100%

亮度 (L) 57%

CMYK 颜色

C

M

Y

K

🎨 常用颜色

📝 历史记录

暂无历史记录

📖 使用说明

颜色选择器：点击顶部的颜色选择器可以快速选择颜色
HEX输入：输入#开头的6位十六进制颜色代码（如#FF5722）
RGB滑块：拖动滑块或输入数值调整红绿蓝三原色
HSL滑块：调整色相、饱和度、亮度来精细调节颜色
CMYK：用于印刷的颜色模式，青、品红、黄、黑四色
预设颜色：点击常用颜色可以快速应用
历史记录：最近使用的颜色会自动保存，点击可以再次使用
纯前端处理：所有数据仅在浏览器本地处理，不会上传到服务器

❓ 常见问题

Q: HEX、RGB、HSL有什么区别？

A: HEX是十六进制颜色代码，RGB是红绿蓝三原色，HSL是色相饱和度亮度，它们可以互相转换，只是表示方式不同。

Q: 什么时候用CMYK？

A: CMYK用于印刷设计，如果你要做印刷品（如名片、海报），需要使用CMYK颜色模式。

Q: 如何在CSS中使用这些颜色？

A: 可以使用HEX（如#FF5722）、RGB（如rgb(255,87,34)）、HSL（如hsl(16,100%,57%)）格式直接写入CSS。