🎨
HTML颜色拾取器
点击收藏颜色拾取器
选取颜色或在下方输入任意格式颜色代码,HEX、RGB、HSL、HSV、CMYK、网页安全色实时同步转换,点击即可复制。 使用吸管工具可自由采取任何位置的颜色。
点击选择颜色 🎨
HEX
#D60505
📋
RGB
rgb(214, 5, 5)
📋
HSL
hsl(0, 95%, 43%)
📋
HSV
hsv(0, 98%, 84%)
📋
CMYK
cmyk(0%, 98%, 98%, 16%)
📋
网页安全色
#CC0000 rgb(204, 0, 0)
📋
英文名称
Red
📋
支持格式:#fff、#ff5733、rgb()、rgba()、hsl()、hsla()、hsv()、cmyk()、英文颜色名称(如 red)
工具介绍及使用方法
一份快速上手指南,轻松掌握颜色代码转换。
🎨
什么是颜色代码转换?
同一颜色在不同场景(网页 CSS、设计稿、印刷)中需要不同的代码格式。本工具可将 HEX、RGB、HSL、HSV、CMYK 及英文颜色名称互相转换,并同步给出网页安全色,复制即可直接使用。
1
输入颜色
在上方输入框粘贴或输入颜色代码,例如 #FF5733、rgb(255, 87, 51)、hsl(9, 100%, 60%)、red。
2
自动识别转换
点击"转换"按钮(输入时也会实时转换),工具自动识别格式并同步显示全部格式结果。
3
复制使用
点击结果右侧 📋 图标一键复制对应代码,粘贴到 CSS、设计工具即可直接使用。
4
配合拾取
在"颜色拾取器"中点击预览取色,或在下方输入框直接输入任意格式颜色代码,六种格式实时同步显示,点击复制即可使用。
Material 色板
点击左侧色相切换色系,点击色块复制 HEX 值。
Red
颜色名称对照表
136 个常用颜色的中英文名称、RGB 及 HEX 代码,点击行复制 HEX。

粤ICP备15076930号