颜色选择器
颜色选择器是一个免费的在线工具，让你以可视化方式选择任意颜色并获取其在 HEX、RGB、HSL、HSV 和 CMYK 格式中的精确值。使用直观的饱和度/亮度框配合色相滑块来精确定位完美颜色，或输入已知值来查看显示效果。工具提供所选颜色的实时预览，显示互补色和类似色，并保存最近选择的颜色历史记录。适合设计师、开发者和任何需要为网页设计、数字艺术、UI 开发或创意项目提供精确颜色值的人。 本工具采用先进的算法引擎，确保每次计算结果的精确性和可靠性，适合个人用户、财务顾问、企业会计师、投资分析师、房产经纪人以及任何需要进行财务规划和数据验证的专业人士使用。无论您是刚刚接触理财规划的新手，还是需要处理复杂财务数据的专业人士，这款工具都能为您提供即时、准确且有价值的分析结果，帮助您做出更明智的财务决策。
功能介绍
颜色选择器提供交互式界面，以可视化方式选择颜色，无需知道具体的数值。它是物理色轮或色卡工具的数字化版本。 颜色选择器界面组成： - 2D 饱和度/明度框：水平轴控制饱和度（灰色到纯色），垂直轴控制亮度（黑色到全色） - 色相滑块：垂直或水平条带显示完整色谱（0-360度） - 不透明度/alpha 滑块：控制透明度从 0（完全透明）到 1（完全不透明） - 输入字段：直接输入 HEX、RGB、HSL 或其他值，自动转换 - 颜色预览：大色块在各种背景上显示当前所选颜色 各组件使用方法： - 在饱和度/亮度框中点击/拖动选择颜色的强度和亮度 - 拖动色相滑块选择基础颜色族（红、橙、黄、绿、蓝、紫） - 调整 alpha 滑块以获取半透明颜色 - 直接在 HEX 输入框中键入十六进制代码进行精确指定 - 点击任意值复制到剪贴板 显示的颜色关系： - 互补色（色轮对角） - 分裂互补色 - 类似色（相邻色相） - 三角色（等距分布） 历史功能： 工具自动将最近选择的颜色保存到浏览器存储中，允许你无需重新选择即可回访之前的颜色。这在跨会话比较多个颜色时特别有用。
使用方法
- 使用 2D 饱和度/亮度框选择颜色。水平移动调整饱和度（从柔和灰色到鲜艳纯色），垂直移动调整亮度（从暗到亮）。十字准星指示器显示当前位置。
- 拖动色相滑块（右侧彩虹条带）选择基础色相。这会改变饱和度/亮度框中显示的整个颜色族。直接点击任意色相即可立即跳转。
- 使用输入字段微调所选颜色。如果精确已知，输入十六进制代码，或使用数字输入和方向键调整单个 RGB/HSL 值以进行精确控制。
- 如果需要半透明颜色，调整 alpha/透明度滑块。预览后面的棋盘格背景以可视化方式显示透明度。RGBA 和 8 位 HEX 输出会更新以反映 alpha 值。
- 查看选择器下方自动生成的互补色、类似色和三角色。点击任何生成的颜色将其选为主动颜色进行编辑或复制。
- 如果最近使用过，可以从历史记录中选择颜色。最近 10 个颜色保存在浏览器存储中以便访问。点击任何历史色块重新选择。
- 使用每种格式旁边的复制按钮（HEXA、RGB、HSL）复制所选颜色格式的值。复制的值直接进入剪贴板，可粘贴到 CSS、设计工具或代码中。
计算示例
输入: 屏幕位置: x=450, y=320
过程: 读取像素 → RGB提取 → HEX转换
结果: HEX: #2563EB | RGB(37, 99, 235)
输入: 自然色: 从图片中选取天蓝色
过程: 图像采样 → 平均像素颜色
结果: HEX: #87CEEB | RGB(135, 206, 235)
相关搜索
相关搜索：颜色选择器, 拾色器, 色轮, 颜色选取。
颜色选择器拾色器色轮颜色选取
常见问题
如何选择我已经知道的特定十六进制颜色？
简单地在 HEX 输入字段中键入或粘贴十六进制代码。它会被解析并立即显示在选择器中。对于 8 位十六进制代码（带透明度），使用 RGBA 输入或输入包含 alpha 部分（#RRGGBBAA）。选择器会自动更新所有其他格式值和视觉选择。
颜色选择器能与 Figma 或 Sketch 等设计软件一起使用吗？
可以。使用工具选择颜色并复制十六进制或 RGBA 值，然后直接粘贴到 Figma、Sketch、Adobe XD 或任何接受十六进制/RGB 值的设计软件中。对于 Sketch，粘贴到颜色选择器的十六进制字段中。对于 Figma，粘贴到设计面板的十六进制输入框中。如果你的工作流程偏好这些格式，也可以使用 RGB 和 HSL 值。
HSV 是什么，它与 HSL 有什么区别？
HSV（色相、饱和度、明度）和 HSL（色相、饱和度、亮度）都是圆柱形颜色模型，但在定义亮度方面有所不同。在 HSV 中，明度控制颜色在完全饱和度下的亮度。在 HSL 中，亮度控制黑色和白色的中点。纯色在 HSV 中出现在 V=100%，在 HSL 中出现在 L=50%。HSL 通常对于创建浅色色调（增加 L）或深色阴影（减少 L）更直观。工具同时显示两种格式以兼容不同的工作流程。
颜色选择器能否与屏幕取色器（吸管）一起使用？
如果浏览器支持 EyeDropper API，工具可以与系统取色器一起使用。点击吸管图标，光标变为放大镜——点击屏幕上的任何像素以采样其颜色。这可以捕获任何应用程序、网页或桌面元素的颜色。如果浏览器不支持 EyeDropper API，可以使用第三方屏幕取色应用程序并手动输入十六进制值。
为什么我的颜色在屏幕上和打印出来的效果不同？
屏幕显示的颜色使用 RGB（红光、绿光、蓝光），而打印使用 CMYK（青色、品红色、黄色、黑色墨水）。这些色彩空间有不同的色域——一些鲜艳的屏幕颜色没有完全的 CMYK 等价物。工具提供 CMYK 值供参考，但为了获得准确的打印颜色，请使用 Pantone 匹配系统值或咨询打印机的色彩配置文件。屏幕亮度、显示器校准和不同设备上的环境光线也会影响颜色的显示效果。