跳至内容
Monu Tools

颜色转换器

在 HEX、RGB 和 HSL 之间转换颜色,并提供实时预览。

如何使用 颜色转换器

  1. 01

    以 HEX 形式输入颜色,例如 #ff8800。

  2. 02

    即时查看转换为 RGB 和 HSL 的结果。

  3. 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 支持可在以后添加。

来源

报告问题