颜色选择器

使用交互式取色器选取颜色,获取HEX、RGB、HSL和CMYK等色彩值。

配色颜色 · ToolBox

工具介绍

设计师和前端开发者常需要在“看到颜色”和“拿到色值”之间来回切换。这个颜色选择器提供交互式取色轮,拖动即可直观选色,同时实时显示HEX、RGB、HSL、CMYK四种常用格式的色值,一次取色满足网页、设计和印刷等不同场景。也支持直接输入色值反查颜色,微调色相、饱和度和明度。无论是给网站定主题色、给PPT挑配色,还是把看到的颜色转成代码,都能在这里一步完成,无需注册,免费使用。

使用步骤

  1. 在取色轮上拖动光标,或用滑杆调整色相、饱和度、明度,实时预览颜色
  2. 也可以直接在输入框粘贴已知色值(如#3498db)反查对应颜色
  3. 在结果区查看HEX、RGB、HSL、CMYK等格式的色值
  4. 点击所需格式旁的复制按钮,粘贴到代码或设计软件中使用

常见问题

支持输出哪些颜色格式?

目前提供HEX(如#3498db)、RGB、HSL和CMYK四种格式。前三种适用于网页和屏幕设计,CMYK适用于印刷场景,取色后可按需复制对应格式。

可以输入色值反查颜色吗?

可以。在输入框中粘贴HEX或RGB值,取色器会自动定位到对应颜色,并同步换算出其他格式的色值,方便你在此基础上微调。

取色器选的颜色和实际显示一致吗?

颜色数值是精确的,但实际观感受显示器色域、亮度和校色影响。用于网页时直接复制色值即可保证代码层面一致;用于印刷建议以CMYK值为准并打样确认。