颜色代码转换器

实时相互转换HEX、RGB、HSL数值,同时查看搭配协调的调色板。

色调调色板(浅 → 深)
互补色 & 相近色

HEX、RGB、HSL分别是什么?

调色板是如何生成的?

色调调色板会保持所选颜色的饱和度(S)不变,只逐级调整亮度(L),生成从浅到深的一系列色调。 互补色通过在色相值(H)上加180°计算得出,相近色则通过加减30°计算得出。

常见问题

点击调色板中的颜色会怎样?

点击后,该颜色的HEX代码会被复制到剪贴板。

可以直接在设计工具中使用这些颜色吗?

可以。HEX代码可以直接粘贴到Figma、Photoshop、CSS等绝大多数设计和开发工具中使用。