ToolMochi

颜色格式转换

在 HEX、RGB、HSL 和 HSV 之间转换颜色,支持取色器实时预览。

#5048E5

HEX

#5048E5

RGB

rgb(80, 72, 229)

HSL

hsl(243, 75%, 59%)

HSV

hsv(243, 69%, 90%)

本工具完全在浏览器本地运行,输入内容不会被上传。

如何使用

  1. 1输入 HEX 颜色值,或点击色块打开取色器
  2. 2选择颜色后结果会实时更新
  3. 3复制需要的 HEX、RGB、HSL 或 HSV 值

常见问题

支持三位缩写吗?

支持。像 #f00 这样的三位缩写会自动展开为 #ff0000。

HSL 和 HSV 有什么区别?

HSL 用亮度和饱和度描述颜色,更符合设计直觉;HSV 用明度,常用于颜色选择器和图像处理。

颜色会上传吗?

不会。取色器和换算都在浏览器本地完成。

相关工具

调色板生成器

基于一个主色生成明暗色阶、互补色、邻近色和三角配色,快速搭建完整配色方案。

对比度检测

检查前景色与背景色的对比度,并按 WCAG AA / AAA 标准判断普通文本和大字号是否达标。

渐变生成器

可视化生成线性或径向 CSS 渐变,调整颜色、角度和位置,一键复制 CSS 代码。

阴影生成器

可视化调整偏移、模糊、扩散、颜色和透明度,生成 CSS box-shadow 代码。