颜色选择器

选取任意颜色，一键复制 HEX、RGB、HSL、HSV 数值。

100% 隐私保护——一切都在浏览器中运行

使用方法

1
点击大色块打开系统取色器，选择任意颜色。
2
也可在输入框中直接输入 HEX 色值，如 #3B82F6。
3
一键复制需要的 HEX、RGB、HSL 或 HSV 数值。
4
最近使用的颜色会显示在下方，点击即可再次使用。

示例

选取蓝色

输入

#3B82F6

输出

HEX #3B82F6 · RGB rgb(59, 130, 246) · HSL hsl(217, 91%, 60%) · HSV hsv(217, 76%, 96%)

三位简写色值

输入

#F00

输出

HEX #FF0000 · RGB rgb(255, 0, 0) · HSL hsl(0, 100%, 50%)

常见问题

会显示哪些颜色格式？

共四种：HEX、RGB、HSL 和 HSV，需要哪种就复制哪种。

HSV 有什么用？

HSV（色相、饱和度、明度）常用于设计软件，便于单独调整饱和度和明度。

选取的颜色会被保存吗？

不会。最近使用的颜色仅保留在当前页面，刷新后即消失，也不会发送到服务器。

相关工具

颜色转换器在 HEX、RGB、HSL、HSV、HWB 之间任意方向互转。HEX 转 RGB快速将 HEX 色值转换为 RGB 数值，免费且隐私安全。CSS 颜色生成器将基色扩展为 10 级色阶，并导出为 CSS 变量。RGB 转 HEX快速将 RGB 数值转换为 HEX 色值，免费且隐私安全。渐变生成器可视化创建 CSS 线性与径向渐变，一键复制 CSS 代码。对比度检测即时检测文字与背景颜色的 WCAG 对比度。