颜色转换器
在 HEX、RGB 和 HSL 之间转换颜色,并提供实时预览。
如何使用 颜色转换器
- 01
以 HEX 形式输入颜色,例如 #ff8800。
- 02
即时查看转换为 RGB 和 HSL 的结果。
- 03
复制你需要的任意格式。
它的作用
这是一款用于网页和设计工作的颜色转换器,可在您最常用的三种格式之间转换颜色:HEX、RGB 和 HSL,并带有实时样本,以便您可以准确地看到您正在使用的内容。
这是设计和代码之间的日常粘合剂:将模型中的品牌颜色与 CSS 变量相匹配,将设计师以一种格式提供给您的值转换为您的框架想要的格式,或者为悬停状态找到稍浅的阴影。
一切都在您的浏览器中运行,因此它是即时的,您输入的任何内容都不会发送到任何地方。
格式有何不同
每种格式以不同的方式描述相同的颜色。 HEX(如 #ff8800)是 CSS 和 HTML 中使用的紧凑形式。 RGB 直接表示红色、绿色和蓝色通道,这就是屏幕和画布等代码对颜色的看法。 HSL 描述了色调、饱和度和亮度,当您想要微调颜色时,这要直观得多:更改色调以使其在色轮上移动,或者更改亮度以使其变暗,而无需手动选择新代码。
转换如何进行
输入十六进制值,RGB 和 HSL 等效值会立即更新,因此您可以获取您期望的工具或代码库的任何格式。
尚未涵盖的内容
目前该工具主要关注 HEX、RGB 和 HSL 中的不透明颜色;尚未包含 alpha(不透明度)支持。
常见问题
支持哪些格式?
HEX(#rgb 或 #rrggbb)、RGB 和 HSL。输入 HEX 值,其他格式会实时更新。
支持 alpha / 透明度吗?
暂不支持。本工具专注于不透明的 HEX、RGB 和 HSL。alpha 支持可在以后添加。