RGB颜色转换器
在线RGB值与十六进制HEX颜色码双向转换工具，支持颜色拾取、滑块调节、多种格式复制
#2D8CF0
RGB 数值输入
R
G
B
HEX 颜色码
#
点击颜色拾取器选择颜色
颜色值输出
HEX
#2D8CF0
RGB
rgb(45, 140, 240)
HSL
hsl(210, 87%, 56%)
HSV
hsv(210, 81%, 94%)
快捷颜色选择
RGB转HEX
输入RGB数值自动转换为十六进制颜色码
HEX转RGB
输入HEX颜色码解析为RGB数值
颜色拾取器
支持浏览器原生颜色选择器
滑块调节
拖动RGB滑块实时预览颜色变化
如何使用RGB颜色转换器
1
输入颜色值
在RGB输入框中输入红、绿、蓝三个数值（0-255），或直接在HEX输入框中输入十六进制颜色码。
2
调节滑块
拖动R、G、B三个滑块可以实时调整颜色，右侧预览区会即时显示当前颜色效果。
3
拾取颜色
点击颜色拾取器按钮，打开浏览器原生颜色选择器，用鼠标选取任意颜色。
4
复制结果
点击任意格式后的"复制"按钮，即可将HEX、RGB、HSL或HSV格式的颜色代码复制到剪贴板。
颜色知识科普
什么是RGB颜色？
- RGB是由红(Red)、绿(Green)、蓝(Blue)三种光原色叠加形成的颜色表示方式。
- 每种颜色的取值范围为0-255，共256个等级，三种颜色组合可形成约1677万种颜色。
- RGB颜色常用于显示器、电视机等显示设备的颜色显示。
- 在CSS中使用格式：
rgb(255, 0, 0)表示红色。
什么是HEX十六进制颜色码？
- HEX颜色码是用十六进制数字表示RGB值的方法，以#开头。
- 每位十六进制数字代表0-15，共16个等级，用0-9和A-F表示。
- 格式为#RRGGBB，RR、GG、BB分别是红、绿、蓝的十六进制值。
- 例如：#FF0000 表示红色（FF=255红，00=0绿，00=0蓝）。
- HEX颜色码在网页设计中广泛使用，如CSS中直接写
color: #2D8CF0;。
常见问题
Q: RGB和HEX颜色有什么区别？
A: RGB和HEX只是同一种颜色的不同表示方式。RGB用三个0-255的数值表示，HEX用十六进制表示这三个数值。两者可以完全互换，转换是等价的。
Q: 支持HSL和HSV格式吗？
A: 支持。HSL（色相-饱和度-亮度）和HSV（色相-饱和度-明度）是另外两种颜色表示方法，本工具会自动计算并显示这两种格式。
Q: 如何选择对比度好的颜色搭配？
A: 一般来说，浅色背景配深色文字，或深色背景配浅色文字，对比度较好。如白色背景(#FFFFFF)配黑色文字(#000000)对比度最高。
Q: 预设颜色有哪些？
A: 预设颜色包括基础色（红橙黄绿青蓝紫粉白灰黑棕）、Web安全色、渐变色、科技品牌色等，点击即可快速选中。
Q: 输入的RGB值超出0-255范围会怎样？
A: 工具会自动将超出范围的值修正为有效范围。负数会变为0，超过255会变为255。