颜色选择器
使用交互式取色器选取颜色,获取HEX、RGB、HSL和CMYK等色彩值。
配色颜色 · ToolBox
工具介绍
设计师和前端开发者常需要在“看到颜色”和“拿到色值”之间来回切换。这个颜色选择器提供交互式取色轮,拖动即可直观选色,同时实时显示HEX、RGB、HSL、CMYK四种常用格式的色值,一次取色满足网页、设计和印刷等不同场景。也支持直接输入色值反查颜色,微调色相、饱和度和明度。无论是给网站定主题色、给PPT挑配色,还是把看到的颜色转成代码,都能在这里一步完成,无需注册,免费使用。
使用步骤
- 在取色轮上拖动光标,或用滑杆调整色相、饱和度、明度,实时预览颜色
- 也可以直接在输入框粘贴已知色值(如#3498db)反查对应颜色
- 在结果区查看HEX、RGB、HSL、CMYK等格式的色值
- 点击所需格式旁的复制按钮,粘贴到代码或设计软件中使用
常见问题
支持输出哪些颜色格式?
目前提供HEX(如#3498db)、RGB、HSL和CMYK四种格式。前三种适用于网页和屏幕设计,CMYK适用于印刷场景,取色后可按需复制对应格式。
可以输入色值反查颜色吗?
可以。在输入框中粘贴HEX或RGB值,取色器会自动定位到对应颜色,并同步换算出其他格式的色值,方便你在此基础上微调。
取色器选的颜色和实际显示一致吗?
颜色数值是精确的,但实际观感受显示器色域、亮度和校色影响。用于网页时直接复制色值即可保证代码层面一致;用于印刷建议以CMYK值为准并打样确认。