实时预览
编辑其值时确认可见颜色。
颜色转换器
通过实时预览在 HEX、RGB 和 HSL 之间转换颜色。
HEX、RGB 或 HSL 颜色
默认为私有您的输入和文件将在此设备上处理。
免费且即时无需帐户、队列或软件安装。
准备使用结果生成后立即复制或下载。
如何使用 颜色转换器
通过三个简单的步骤即可获得可靠的结果。
输入或选择颜色
使用 HEX、RGB、HSL 或视觉颜色选择器。
Review every format
等效的 HEX、RGB 和 HSL 值一起更新。
复制您需要的内容
单击任意输出行将其复制到样式表或设计文件中。
专为日常工作而打造
无需繁琐工作即可有用
集中控制、即时反馈，您和结果之间没有任何关系。
常见的 CSS 格式
在浏览器和设计工具使用的格式之间干净地移动。
One-click copying
每个标准化结果都可以粘贴。
实用指南
什么是 颜色转换器?
颜色转换器在不同的表示法系统中表达相同的可见颜色。 HEX 在设计交接中很常见，RGB 镜像屏幕颜色通道，HSL 描述色调、饱和度和亮度。
更改符号不会更改预期的颜色。当基于百分比的值为了可读输出而四舍五入时，可能会出现微小的差异。
实际应用
何时使用此工具
常用方式 颜色转换器 适合实际项目和日常任务。
CSS 创作
将设计十六进制值转换为 RGB 或 HSL 声明。
设计系统
标准化以混合颜色格式接收的令牌。
主题调整
使用HSL系统地调整亮度或饱和度。
品质保证
验证两个不同书写的值代表相同的颜色。
有用的答案
常见问题
关于的快速解答 颜色转换器 以及该页面的工作原理。
将 HEX 转换为 RGB 会改变颜色吗？
不会。两种符号描述相同的红色、绿色和蓝色通道值。
What is HSL useful for?
HSL 使色调、颜色强度和亮度更容易独立调整。
是否支持 alpha 值？
当前转换器侧重于不透明的 HEX、RGB 和 HSL 颜色。
Why are some HSL values rounded?
为了可读的 CSS 输出，百分比和色调值会进行四舍五入。