- 输入任何支持格式的颜色（HEX、RGB、HSL）。
- 工具会自动转换为所有其他格式。
- 使用颜色选择器可视化选择颜色。
- 点击「随机」生成随机颜色。
- 使用批量转换一次转换多个颜色。
支持哪些颜色格式？
这个工具支持 HEX（带可选透明度）、RGB/RGBA、HSL/HSLA、HSV 和 CMYK 颜色格式。
RGB 和 HEX 有什么区别？
RGB 使用十进制值（0-255）表示红、绿、蓝。HEX 使用十六进制值（00-FF）表示相同的颜色。它们以不同的表示法表示相同的颜色。
支持透明度吗？
是的，您可以使用带有 alpha 值的 RGBA 或 HSLA 格式，或使用 8 位 HEX 代码，其中最后两位数字表示透明度。
这个工具免费吗？
是的，这个颜色转换器完全免费使用，没有任何限制。所有处理都在您的浏览器中本地完成。
颜色空间转换详解【2026】- RGB、HSL、HEX完全指南
深入硬核讲解现代前端 Web 开发与 UI/UX 视觉设计中 RGB、HSL、HSV、HEX、CMYK 等主流色彩空间(Color Space)的数学理论模型、相互双向转换公式及其底层 JavaScript 代码实现逻辑。全面掌握现代 Web 开发中的高级颜色格式使用技巧(如 OKLCH 等)、CSS 变量定义规范以及 WCAG 无障碍网页对比度(Contrast Ratio)检测最佳实践。
进制转换详解【2026】- 一文搞懂二进制、八进制、十进制、十六进制
全面系统地掌握计算机科学底层核心：数字进制转换(Base Conversion)原理及其在编程语言中的原生实现机制。深入了解各种常用进制系统，包括二进制(Binary)、八进制(Octal)、十进制(Decimal)与十六进制(Hexadecimal)之间的高效双向数学换算方法与应用场景(如内存地址表示、网络协议抓包分析)。附带 JavaScript(BigInt) 和 Python 等多语言大数处理代码示例。
颜色选择器详解【2026】- 一文搞懂色彩模型与Web颜色应用
全面掌握数字色彩空间模型底层原理与现代 Web 前端响应式颜色应用技巧。深入了解并对比分析 RGB、HSL、HSV、HEX 等不同颜色格式的结构差异、优缺点与相互计算转换方法。学习现代 CSS 变量颜色(CSS Variables/Custom Properties)的最佳实践体系，帮助 UI 设计师和前端开发工程师高效构建、选择和管理全套项目调色板系统。
十六进制颜色
十六进制颜色是网页设计中最常用的颜色表示法，格式为 #RRGGBB，由三对十六进制值（00-FF）分别表示红、绿、蓝通道强度。它支持 1670 万种颜色，可简写为 #RGB 形式，现代 CSS 还支持 #RRGGBBAA 格式表示透明度。
HSL颜色
HSL颜色（色相、饱和度、亮度）是一种圆柱形颜色模型，以比 RGB 更直观的方式表示颜色，便于人类理解和操作。它将颜色分为三个组成部分：色相（颜色本身）、饱和度（颜色强度）和亮度（明暗程度）。
RGB颜色
RGB颜色是一种加色模型，通过将红、绿、蓝光以不同强度组合来创建广泛的颜色光谱。每个颜色通道通常范围从 0 到 255，允许超过 1600 万种可能的颜色组合。
RGBA颜色
RGBA颜色是 RGB 模型的扩展，增加了 alpha 通道控制透明度。格式为 rgba(R, G, B, A)，其中 RGB 值范围 0-255，alpha 值 0-1 表示从完全透明到完全不透明。广泛用于创建遮罩层、阴影、毛玻璃效果等半透明设计元素。