#2D8CF0

RGB 数值输入

HEX 顏色码

#

顏色拾取器

点击選擇顏色

顏色值輸出

HEX #2D8CF0
RGB rgb(45, 140, 240)
HSL hsl(210, 87%, 56%)
HSV hsv(210, 81%, 94%)

顏色對比度检查

浅色背景
深色背景
浅色背景對比度 5.2:1 AA通過
深色背景對比度 3.8:1 AA通過

AA标准:普通文字 ≥4.5:1,大文字 ≥3:1

顏色方案生成

点击上方按钮生成顏色方案

历史记录

暂無历史记录

预设顏色庫

基础色

Web安全色

彩虹色系

UI主题色

科技品牌色

RGB顏色查询對照表

顏色样本 顏色名称 RGB值 HEX代碼 操作

為什麼選擇我們的 RGB 顏色查询工具?

🔄

雙向實時轉換

RGB與HEX顏色码即時互转,输入即所得。無需等待,實時預覽效果。

🎨

多种输入方式

支援数字输入、滑块拖動、顏色拾取器、预设顏色庫,满足不同使用習惯。

📊

多格式輸出

一键複製HEX、RGB、HSL、HSV等多种顏色格式,兼容各种開發场景。

對比度检查

內置WCAG标准對比度检查,确保文字可读性,符合無障碍设计要求。

🎯

顏色方案生成

一键生成互补色、三角色、类似色等配色方案,激发设计灵感。

💾

历史记录保存

自動保存最近使用的20种顏色,随時回溯,告别重复查找。

🔒

纯本地处理

所有操作在浏览器本地完成,数据绝不上傳,保护您的隐私安全。

RGB與HEX顏色码的區别和使用场景

RGB和HEX是網頁设计和前端開發中最常用的兩种顏色表示方法。了解它們的區别和适用场景,能幫助您更高效地進行顏色選擇和代碼编寫。

對比维度
RGB 顏色值
HEX 顏色码
表示方式
rgb(R, G, B)
#RRGGBB
数值范围
0-255 的整数
00-FF 的十六進制
可读性
直觀易懂
简洁紧湊
适用场景
CSS样式、设计软件
HTML、代碼编寫
文件體积
较長
较短
💡 使用建议:在CSS样式表中,HEX顏色码更简洁;在需要動态調整顏色時,RGB值配合JavaScript更方便;在设计稿中标注顏色時,建议同時标注兩种格式以便開發使用。

RGB顏色查询常見問題 (FAQ)

Q1:RGB值中的R、G、B分别代表什麼?
A:R代表红色(Red),G代表绿色(Green),B代表蓝色(Blue)。通過不同強度的红、绿、蓝三原色组合,可以產生自然界中幾乎所有的顏色。每個顏色通道的取值范围是0-255,0表示该顏色完全不显示,255表示该顏色完全显示。
Q2:為什麼我的顏色在浏览器中显示不同?
A:這可能是由於显示器色彩校准、浏览器渲染差異或色彩配置文件不同導致的。建议在同一设备和浏览器中進行设计和開發,或使用专业的色彩校准工具。
Q3:什麼是顏色對比度?為什麼重要?
A:顏色對比度是指前景色與背景色之间的亮度差異。WCAG(Web內容無障碍指南)要求普通文字的對比度至少達到4.5:1,大文字(18px以上或14px粗體)至少達到3:1,以确保所有用户包括视力障碍者都能清晰阅读內容。
Q4:如何選擇合适的配色方案?
A:使用我們的顏色方案生成工具可以获得和谐的配色建议。互补色對比強烈适合強调重点,类似色柔和協调适合营造氛围,三角色平衡而富有活力。也可以参考色轮理论或使用专业的配色工具。
Q5:历史记录會一直保存嗎?
A:历史记录保存在您浏览器的本地存储中,最多保存最近使用的20种顏色。清除浏览器缓存或使用隐私模式會清除历史记录。如果您需要長期保存重要顏色,建议使用截图或笔记软件记录。
Q6:工具支援HSL和HSV顏色格式嗎?
A:是的,我們支援四种常用顏色格式的轉換和显示。HSL(色相、饱和度、亮度)直觀易懂,适合手動調整顏色;HSV(色相、饱和度、明度)與许多设计软件的色彩選擇器一致,方便從设计软件中轉換顏色。