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。