Color Picker

← ToolBox / 取色器
📖 查看「颜色选择器使用指南」

🎨 Color Picker

Color Picker is available directly in your browser, with no data uploaded.

#4151E1
主色
RGB、HEX、HSL 均可直接输入

📜 历史记录

🎯 预设色板

📊 颜色分析

🎨 配色建议

基于当前颜色生成互补、相邻与三角色，点击色块即可继续编辑。

♿ 文字可读性（WCAG）

以当前颜色和背景色计算对比度；可调整背景色以检查实际界面。

⚠️ 使用说明与注意事项

📚 深度解析：取色器

💡 常见使用场景

格式互转
吸取某点得到 RGB(52,152,219)，等价 HEX #3498db、HSL(204°,68%,53%)。同一颜色在不同色彩空间数值不同，但指向同一像素。
拾色注意
屏幕为 sRGB，不同设备有色差；印刷需转 CMYK，屏幕取的 HEX 直接印可能偏色。

❓ 常见问题（FAQ）

HEX 和 RGB 哪个更准？
表示同一颜色，无精度差异。HEX 是 RGB 的十六进制写法，前端 CSS 两者都接受；设计协作常用 HEX，代码里 RGB/RGBA 便于控制透明度。
取色后和原图看起来不一样？
可能是色彩配置（sRGB/Display P3）或显示器校色差异；以目标输出设备的色彩空间为准。

🔗 相关工具

🎨 CSS动画生成器（关键帧可视化） - 免费在线工具，纯前端处理 | ToolBox免费在线工具箱CSS动画生成器（关键帧可视化） 🎼 Web Audio 节拍器 - 免费生成器工具，在线节拍器 | ToolBox免费在线工具箱在线节拍器 🎨 二维码生成器（已有，可加强定制） - 免费在线工具，纯前端处理 | ToolBox免费在线工具箱二维码生成器（已有，可加强定制） 🎨 条形码生成器（EAN-13等） - 免费在线工具，纯前端处理 | ToolBox免费在线工具箱条形码生成器（EAN-13等） 🎨 盒子阴影生成器（可视化调整） - 免费在线工具，纯前端处理 | ToolBox免费在线工具箱盒子阴影生成器（可视化调整）
📖关于「颜色选择器」 ▼

📝工具简介

免费在线颜色选择器，支持RGB/HEX/HSL颜色格式互转，屏幕取色，调色板，颜色搭配推荐。设计创意工具，可视化操作，一键生成 CSS 代码。

✨功能特点

🎯使用场景

💬常见问题

这个工具是免费的吗？
完全免费，无需注册，直接在浏览器中使用。
生成的代码可以直接用吗？
可以，生成的 CSS 代码符合标准，可直接复制到项目中使用。
支持自定义参数吗？
支持，提供多种参数调节选项，满足个性化设计需求。