星点 星点-颜色工具 本系列首页
关于
版本 v1.0.0

在线颜色选择器

在浏览器中直观取色:拖动色相条与饱和度/明度面板选择颜色,HEX、RGB、HSL、HSV、CMYK 数值实时同步,可调 Alpha 透明度,支持多点取色保存与一键复制。

颜色选择器 · 工具介绍

颜色选择器是最常用的颜色工具。本工具提供标准 HSV 取色面板:左侧色相条控制色调,右侧正方形面板控制饱和度与明度,拖动即可实时预览当前颜色。

取色结果会同时换算为 HEX、RGB、HSL、HSV、CMYK 等格式,并支持调整 Alpha 透明度,方便直接用于网页、设计稿或代码。

“多点取色”可以把多个满意的颜色保存到色板中,逐个复制或整体导出,便于搭建调色板。全部计算在浏览器本地完成,不上传任何数据。

颜色选择器 · 功能特点

  • 色相条 + 饱和度/明度面板,拖动实时取色
  • HEX / RGB / HSL / HSV / CMYK 多格式同步显示
  • Alpha 透明度独立调节,输出 RGBA/HSLA
  • 多点取色:保存、复制、清空色板
  • 支持直接输入 HEX/RGB/HSL 反查颜色
  • 一键复制任意格式,浏览器本地处理

颜色选择器 · 使用方法

  1. 拖动左侧色相条选择色调;
  2. 在右侧面板拖动选择饱和度与明度;
  3. 需要时调整 Alpha 透明度滑块;
  4. 在格式区查看 HEX/RGB/HSL 等数值并复制;
  5. 点击“加入色板”保存多个颜色,方便后续使用。

颜色选择器 · 常见问题

Q:取色支持哪些颜色格式?

支持 HEX、RGB、HSL、HSV、CMYK 以及带透明度的 RGBA/HSLA。所有格式会随取色实时同步换算。

Q:可以保存多个颜色吗?

可以。使用“加入色板”即可保存多点取色,色板中的颜色可单独复制或整体清空。

Q:颜色数值准确吗?

准确。颜色空间转换以 sRGB / D65 为标准,公式明确,与常见设计软件一致(可能存在四舍五入的末位差异)。

Q:会上传我选择的颜色吗?

不会。所有取色与换算都在浏览器本地完成,不产生任何网络请求。

相关工具

继续使用本站其它颜色处理工具:

图片颜色工具

上传图片取色、提取主色与调色板、统计与聚类量化

打开工具

颜色格式转换

HEX/RGB/HSL/HSV/CMYK/LAB/XYZ/LCH/HWB/OKLab/OKLCH 互转

打开工具

配色方案生成器

按色彩关系生成单色/类似/互补/三角/四角等配色方案

打开工具

CSS 渐变生成器

可视化制作线性/径向/锥形渐变并复制 CSS

打开工具

对比度检测

WCAG AA/AAA 对比度检测,给出最佳文字色与替代色

打开工具

颜色调整

滑块实时调整亮度/饱和度/透明度/色相/明度/对比度

打开工具

批量颜色处理

批量转换/提取/替换/去重/排序颜色代码

打开工具

设计辅助

主色/辅助色/状态色 → UI 结构预览 + Design Token 导出

打开工具

专业色彩

LAB/OKLab/OKLCH 转换、DeltaE 色差、色温与色域分析

打开工具

色觉模拟

模拟多种色觉类型,检查图片与配色的可辨识度

打开工具

标准与色库

CSS/Material/Tailwind/Ant/品牌/传统色等色库查询复制

打开工具