颜色选择器

在线颜色选择和转换工具，支持 HEX、RGB、HSL、HSV 等格式

青色

透明 100%

图片取色

上传图片取色

对比度检查

3.68

对白色 ✗

5.71

对黑色 ✓ AA

颜色混合

50%

色阶

配色方案

互补色

类似色

三色组

分裂互补

四色组

颜色格式

HEX

#3B82F6

RGB

rgb(59, 130, 246)

RGBA

rgba(59, 130, 246, 1.00)

HSL

hsl(217, 91%, 60%)

CMYK

cmyk(76%, 47%, 0%, 4%)

预设

颜色选择器

在线颜色选择和转换工具，支持 HEX、RGB、HSL、HSV 等格式

本地运行 · 数据不上传

详细说明

一款直观的在线颜色选择器，支持 HEX、RGB、HSL 和 HSB 多种颜色格式的实时转换。通过色轮交互选择颜色，或直接输入颜色值精确设置，并可一键复制任何格式的颜色代码。

功能特点

HEX 颜色值选择
RGB 颜色值转换
HSL 颜色值转换
HSB/HSV 颜色值转换
颜色实时预览
常用调色板
一键复制各格式颜色值

使用方法

1 在色轮上点击或拖动选择目标颜色
2 查看 HEX、RGB、HSL、HSB 各格式的颜色值
3 或在输入框中直接输入已知的颜色值
4 工具自动同步显示所有格式的转换结果
5 点击复制按钮获取所需格式的颜色代码

使用技巧

设计 UI 时使用 HSL 调整亮度和饱和度比直接改 HEX 更直观
品牌色建议同时保存 HEX 和 RGB 两种格式以备不同场景使用
对比度检查可确保文字在背景色上清晰可读

常见问题

HEX 和 RGB 有什么区别？

HEX 用十六进制表示颜色（如 #FF5733），RGB 用红绿蓝三个数值表示。两者本质相同，只是表达方式不同。

HSL 是什么意思？

HSL 代表色相（Hue）、饱和度（Saturation）、亮度（Lightness），更接近人类对颜色的感知方式，适合调整颜色风格。

如何获取网页上某个元素的颜色？

使用浏览器开发者工具的元素检查功能，可以查看任意元素的计算颜色值，然后粘贴到颜色选择器中。