oddkit▮
~/oddkit/tools/
// 颜色，已转换

颜色转换器

在 HEX、RGB、HSL 和 OKLCH 之间转换颜色，实时预览效果，并可复制任意转换值。全部在浏览器本地完成。

支持输入 HEX、RGB(A)、HSL(A) 和 OKLCH 颜色值。

不上传到服务器

HEX

#7c5cff

RGB

rgb(124 92 255)

HSL

hsl(252 100% 68%)

OKLCH

oklch(59.9% 0.23 286.2)

基于浏览器的颜色转换器

在设计界面、编写 CSS 或核对品牌色时，可在 HEX、RGB、HSL 和 OKLCH 之间转换颜色。输入或选择任意支持的格式，所有对应数值会即时更新。

颜色转换在浏览器本地完成，任何颜色值都不会上传到 oddkit。

常见用途

  • 将设计工具中的颜色转换为可直接用于 CSS 的值
  • 检查各格式之间的透明度是否一致
  • 探索感知均匀的新一代 OKLCH 颜色值

支持的格式

可读取 HEX(3/4/6/8 位)、rgb()/rgba()、hsl()/hsla() 和 oklch() 输入(含透明度)，并输出全部四种格式。

常见问题

我输入的颜色会上传到 oddkit 吗？

不会。转换过程完全在浏览器本地完成。

支持透明度(alpha)吗？

支持。HEX、RGB、HSL 和 OKLCH 均支持透明度通道，并会保留在每一个转换结果中。

输入无效颜色会发生什么？

工具会显示清晰的提示信息而不会崩溃，你可以直接修改输入内容。