▼
▼
将鼠标悬停在颜色上即可在下方查看十六进制和十进制颜色代码：
| Hex: # | |||
| 红色: | |||
| 绿色: | |||
| 蓝色: |
RGB 颜色空间 或 RGB 颜色系统, 通过组合 色, 色 和 色 三种颜色构建所有颜色。.
红、绿、蓝每种颜色使用 8 位，整数值范围为 0 到 255。这使得可能的颜色数量为 256*256*256=16777216 种。
RGB ≡ 红色, 绿色, 蓝色
LED 显示器中的每个像素都通过红、绿、蓝三种 LED（发光二极管）的组合来显示颜色。
当红色像素设置为 0 时，LED 关闭；当设置为 255 时，LED 完全点亮。
介于两者之间的任何值都会使 LED 发出部分亮度。
RGB 代码具有 24 位格式（位 0..23）：:
| 红色[7:0] | 绿色[7:0] | 蓝色[7:0] | |||||||||||||||||||||
| 23 | 16 | 15 | 8 | 7 | 0 | ||||||||||||||||||
基本颜色：
| 颜色 | HTML / CSS 名称 | 十六进制代码 #RRGGBB |
十进制代码 (R,G,B) |
|---|---|---|---|
| 黑色 | #000000 | (0,0,0) | |
| 白色 | #FFFFFF | (255,255,255) | |
| 亮绿（Lime） | #FF0000 | (255,0,0) | |
| 亮绿（Lime） | #00FF00 | (0,255,0) | |
| 蓝色 | #0000FF | (0,0,255) | |
| 黄色 | #FFFF00 | (255,255,0) | |
| 青色（Cyan） | #00FFFF | (0,255,255) | |
| 洋红 / 紫红（Magenta / Fuchsia） | #FF00FF | (255,0,255) | |
| 银色 | #C0C0C0 | (192,192,192) | |
| 灰色 | #808080 | (128,128,128) | |
| 栗色（Maroon） | #800000 | (128,0,0) | |
| 橄榄色 | #808000 | (128,128,0) | |
| 绿色 | #008000 | (0,128,0) | |
| 紫色 | #800080 | (128,0,128) | |
| 水鸭色（Teal） | #008080 | (0,128,128) | |
| 海军蓝（Navy） | #000080 | (0,0,128) |
| 颜色 | 颜色名称 | 十六进制代码 | 十进制代码 | |
|---|---|---|---|---|
| 栗色（Maroon） | #800000 | (128,0,0) | ||
| 深红色 | #8B0000 | (139,0,0) | ||
| 棕色 | #A52A2A | (165,42,42) | ||
| 火砖红（Firebrick） | #B22222 | (178,34,34) | ||
| 深红（Crimson） | #DC143C | (220,20,60) | ||
| 番茄色（Tomato） | #FF0000 | (255,0,0) | ||
| 番茄色（Tomato） | #FF6347 | (255,99,71) | ||
| 珊瑚色（Coral） | #FF7F50 | (255,127,80) | ||
| 印度红（Indian Red） | #CD5C5C | (205,92,92) | ||
| 浅珊瑚色 | #F08080 | (240,128,128) | ||
| 深鲑鱼色 | #E9967A | (233,150,122) | ||
| 鲑鱼色 | #FA8072 | (250,128,114) | ||
| 浅鲑鱼色 | #FFA07A | (255,160,122) | ||
| 橙红色 | #FF4500 | (255,69,0) | ||
| 深橙色 | #FF8C00 | (255,140,0) | ||
| 橙色 | #FFA500 | (255,165,0) | ||
| 金色 | #FFD700 | (255,215,0) | ||
| 深金菊色 | #B8860B | (184,134,11) | ||
| 金菊色 | #DAA520 | (218,165,32) | ||
| 苍金菊色 | #EEE8AA | (238,232,170) | ||
| 深卡其色 | #BDB76B | (189,183,107) | ||
| 卡其色 | #F0E68C | (240,230,140) | ||
| 橄榄色 | #808000 | (128,128,0) | ||
| 黄色 | #FFFF00 | (255,255,0) | ||
| 黄绿色 | #9ACD32 | (154,205,50) | ||
| 深橄榄绿 | #556B2F | (85,107,47) | ||
| 橄榄褐色（Olive Drab） | #6B8E23 | (107,142,35) | ||
| 草坪绿（Lawn Green） | #7CFC00 | (124,252,0) | ||
| 查特酒绿（Chartreuse） | #7FFF00 | (127,255,0) | ||
| 绿黄色 | #ADFF2F | (173,255,47) | ||
| 深绿色 | #006400 | (0,100,0) | ||
| 绿色 | #008000 | (0,128,0) | ||
| 森林绿 | #228B22 | (34,139,34) | ||
| 亮绿（Lime） | #00FF00 | (0,255,0) | ||
| 亮绿色 | #32CD32 | (50,205,50) | ||
| 浅绿色 | #90EE90 | (144,238,144) | ||
| 淡绿色 | #98FB98 | (152,251,152) | ||
| 深海绿色 | #8FBC8F | (143,188,143) | ||
| 中春绿色 | #00FA9A | (0,250,154) | ||
| 春绿色 | #00FF7F | (0,255,127) | ||
| 海绿色 | #2E8B57 | (46,139,87) | ||
| 中碧绿色（Medium Aquamarine） | #66CDAA | (102,205,170) | ||
| 中海绿色 | #3CB371 | (60,179,113) | ||
| 浅海绿色 | #20B2AA | (32,178,170) | ||
| 深石板灰 | #2F4F4F | (47,79,79) | ||
| 水鸭色（Teal） | #008080 | (0,128,128) | ||
| 深青色 | #008B8B | (0,139,139) | ||
| 青色（Cyan） | #00FFFF | (0,255,255) | ||
| 青色（Cyan） | #00FFFF | (0,255,255) | ||
| 浅青色 | #E0FFFF | (224,255,255) | ||
| 深绿松石色 | #00CED1 | (0,206,209) | ||
| 绿松石色 | #40E0D0 | (64,224,208) | ||
| 中绿松石色 | #48D1CC | (72,209,204) | ||
| 淡绿松石色 | #AFEEEE | (175,238,238) | ||
| 海蓝宝石色（Aquamarine） | #7FFFD4 | (127,255,212) | ||
| 粉蓝色（Powder Blue） | #B0E0E6 | (176,224,230) | ||
| 军服蓝（Cadet Blue） | #5F9EA0 | (95,158,160) | ||
| 钢蓝色（Steel Blue） | #4682B4 | (70,130,180) | ||
| 矢车菊蓝（Cornflower Blue） | #6495ED | (100,149,237) | ||
| 深天蓝 | #00BFFF | (0,191,255) | ||
| 道奇蓝（Dodger Blue） | #1E90FF | (30,144,255) | ||
| 浅蓝色 | #ADD8E6 | (173,216,230) | ||
| 天蓝色 | #87CEEB | (135,206,235) | ||
| 浅天蓝色 | #87CEFA | (135,206,250) | ||
| 午夜蓝 | #191970 | (25,25,112) | ||
| 海军蓝（Navy） | #000080 | (0,0,128) | ||
| 深蓝色 | #00008B | (0,0,139) | ||
| 中蓝色 | #0000CD | (0,0,205) | ||
| 蓝色 | #0000FF | (0,0,255) | ||
| 皇家蓝 | #4169E1 | (65,105,225) | ||
| 蓝紫色 | #8A2BE2 | (138,43,226) | ||
| 靛蓝 | #4B0082 | (75,0,130) | ||
| 深石板蓝 | #483D8B | (72,61,139) | ||
| 石板蓝 | #6A5ACD | (106,90,205) | ||
| 中石板蓝 | #7B68EE | (123,104,238) | ||
| 中紫色 | #9370DB | (147,112,219) | ||
| 深洋红 | #8B008B | (139,0,139) | ||
| 深紫罗兰色 | #9400D3 | (148,0,211) | ||
| 深兰花紫 | #9932CC | (153,50,204) | ||
| 中兰花紫 | #BA55D3 | (186,85,211) | ||
| 紫色 | #800080 | (128,0,128) | ||
| 蓟色（Thistle） | #D8BFD8 | (216,191,216) | ||
| 李子色（Plum） | #DDA0DD | (221,160,221) | ||
| 紫罗兰色 | #EE82EE | (238,130,238) | ||
| 洋红色 | #FF00FF | (255,0,255) | ||
| 兰花色 | #DA70D6 | (218,112,214) | ||
| 中紫红色 | #C71585 | (199,21,133) | ||
| 淡紫红色 | #DB7093 | (219,112,147) | ||
| 深粉色 | #FF1493 | (255,20,147) | ||
| 亮粉色 | #FF69B4 | (255,105,180) | ||
| 浅粉色 | #FFB6C1 | (255,182,193) | ||
| 粉色 | #FFC0CB | (255,192,203) | ||
| 古董白 | #FAEBD7 | (250,235,215) | ||
| 米色 | #F5F5DC | (245,245,220) | ||
| 陶坯色（Bisque） | #FFE4C4 | (255,228,196) | ||
| 漂白杏仁色 | #FFEBCD | (255,235,205) | ||
| 小麦色 | #F5DEB3 | (245,222,179) | ||
| 玉米丝色 | #FFF8DC | (255,248,220) | ||
| 柠檬绸色 | #FFFACD | (255,250,205) | ||
| 浅金菊黄 | #FAFAD2 | (250,250,210) | ||
| 浅黄色 | #FFFFE0 | (255,255,224) | ||
| 鞍褐色 | #8B4513 | (139,69,19) | ||
| 赭色（Sienna） | #A0522D | (160,82,45) | ||
| 巧克力色 | #D2691E | (210,105,30) | ||
| 秘鲁色（Peru） | #CD853F | (205,133,63) | ||
| 沙棕色 | #F4A460 | (244,164,96) | ||
| 硬木色（Burly Wood） | #DEB887 | (222,184,135) | ||
| 棕褐色（Tan） | #D2B48C | (210,180,140) | ||
| 玫瑰棕色 | #BC8F8F | (188,143,143) | ||
| 鹿皮色（Moccasin） | #FFE4B5 | (255,228,181) | ||
| 纳瓦霍白 | #FFDEAD | (255,222,173) | ||
| 桃色（Peach Puff） | #FFDAB9 | (255,218,185) | ||
| 薄雾玫瑰色 | #FFE4E1 | (255,228,225) | ||
| 薰衣草腮红色 | #FFF0F5 | (255,240,245) | ||
| 亚麻色 | #FAF0E6 | (250,240,230) | ||
| 旧蕾丝色 | #FDF5E6 | (253,245,230) | ||
| 木瓜色 | #FFEFD5 | (255,239,213) | ||
| 海贝色 | #FFF5EE | (255,245,238) | ||
| 薄荷奶油色 | #F5FFFA | (245,255,250) | ||
| 石板灰 | #708090 | (112,128,144) | ||
| 浅石板灰 | #778899 | (119,136,153) | ||
| 浅钢蓝色 | #B0C4DE | (176,196,222) | ||
| 薰衣草色 | #E6E6FA | (230,230,250) | ||
| 花白色（Floral White） | #FFFAF0 | (255,250,240) | ||
| 爱丽丝蓝 | #F0F8FF | (240,248,255) | ||
| 幽灵白 | #F8F8FF | (248,248,255) | ||
| 蜜瓜色（Honeydew） | #F0FFF0 | (240,255,240) | ||
| 象牙色 | #FFFFF0 | (255,255,240) | ||
| 天蓝色（Azure） | #F0FFFF | (240,255,255) | ||
| 雪白色 | #FFFAFA | (255,250,250) | ||
| 黑色 | #000000 | (0,0,0) | ||
| 暗灰色（Dim Gray） | #696969 | (105,105,105) | ||
| 灰色 / 灰色（Grey） | #808080 | (128,128,128) | ||
| 深灰色 | #A9A9A9 | (169,169,169) |
选择完美的颜色是任何数字项目中最重要的步骤。无论您是设计网站、创建完成、开发程序界面之一，还是尝试视觉创意，颜色选择在塑造最终结果方面都发挥了核心作用。为了使这个过程更简单、更快捷、更有趣，我们创建了一个全新的工具，让您可以使用应用鼠标或输入手动 rgb 值来找到所需的颜色。
✔ 此工具专为经常使用颜色并希望以简单、准确的高效方式将 RGB 值转换为可视的颜色预览和干净的十六进制代码的任何人而设计。
✔ 我们的 RGB 取色器在设计时就考虑到了可用性。它提供流畅的交互体验，帮助您根据您的喜好以视觉或数字方式探索颜色。无论您是喜欢拖动来寻找完美色调的设计师，还是需要输入准确的 RGB 值的开发人员，此工具都能适应您的工作流程。
✔ 界面简洁、反应灵敏，并针对桌面和移动设备进行了优化，确保您可以在任何灵感迸发的地方使用它。
✔ 该工具最强大的功能之一是能够使用鼠标调整颜色。通过简单的语音，您就可以探索完整的红色、绿色和蓝色值。
✔ 这种视觉方法非常适合想要尝试不同的色调和组合，从而提前知道数值的用户。当您移动鼠标时，该工具会立即更新预览框，为您提供有关正在创建颜色的实时反馈。
✔ 这使得色调、比较变化以及发现您可能没有考虑过的新颜色创意变得异常容易。
✔ 对于喜欢允许精度的用户，该工具还可以手动输入三个 RGB 值。这对于使用特定调色板、品牌指南或需要精确颜色匹配的 UI 组件的开发人员特别有用。
✔ 指令输入红色、绿色和蓝色的值，该工具就会立即显示相应的颜色及其十六进制表示形式。这种双输入系统确保该工具足够灵活，能够支持创作探索和技术准确性。
✔ 该工具的另一个主要优点是从 RGB 到 HEX 的自动转换。许多设计师和开发人员经常在这两种格式之间切换，尤其是在使用 CSS、设计软件或数字品牌时。我们的工具可以立即为您完成工作，而不是手动计算十六进制或搜索外部转换。一旦您选择或输入 RGB 值，十六进制代码就会以大写格式出现，随时复制并在您的项目中使用。
✔ 这可以节省时间、减少错误并简化您的工作流程。
✔ 除了核心功能之外，RGB 取色器还具有教育意义。对于初学者来说，它提供了一种简单的方法来了解 RGB 值如何组合以创建不同的颜色。通过调整调整或输入数字，用户可以看到增加或减少每个组件如何影响最终结果。
✔ 这使得该工具成为学生、爱好者和任何学习数字色彩理论的人的绝佳资源。
✔ 该工具也非常适合需要可靠的颜色选择器的专业，该或颜色选择器可以直接在浏览器中工作，不需要任何安装或插件。无论您是构建网站、设计用户界面准备数字插图，快速访问精确且直观的颜色选择器都可以显着加快您的创作过程。
✔ 轻量级设计快速确保加载时间，并且界面处理优化，语音流程图。
在视觉识别比以往任何时候都更加重要的世界中，拥有正确的色彩管理工具至关重要。我们的 RGB 颜色查找器将简单性、精确性和灵活结合到一个用户习惯的界面中。无论您是使用鼠标探索颜色还是精确输入的 RGB 值，此工具总能为您提供找到完美色调转换所需的一切，并将其立即提供可用的十六进制代码。
它快速、准确，旨在支持创造力和技术工作。
请在下方留言或提问 |
我们使用 Cookie 来帮助您高效浏览并执行某些功能。 您可以在每个同意类别下找到所有 Cookie 的详细信息。 被归类为必要的 Cookie 将存储在您的浏览器中作为它们对于网站的基本功能至关重要。
我们还使用第三方 Cookie 来帮助我们分析您如何使用本网站,记住您的偏好,
并提供相关内容和广告。这些 Cookie 将存储在您的浏览器中,
仅在您事先同意的情况下。
您可以选择启用或禁用部分或全部 Cookie,但禁用部分 Cookie 可能会影响您的浏览体验。
点击接受,即表示您同意按照我们的隐私政策中所述使用 Cookie,
隐私政策.
