广告屏蔽请关闭广告拦截功能,以支持我们的免费服务。

颜色选择器

直观选择任何颜色,并立即生成精确的 HEX、RGB、HSL 和 HSV 编码。在画布上拖动可探索色调、调整色相和不透明度,或粘贴现有的颜色代码以实时转换格式。无需设计软件,无需配置,只需在几秒钟内为项目选择、转换和复制精确的颜色值。

公用设施v1.0.0

颜色选择器

直观选择任何颜色,调整不透明度,或粘贴 HEX、RGB、HSL 或 HSV 代码。所有四种格式输出均可实时更新。

彩色帆布

色调

不透明度 - 100%

预设

输出

HEX
#398FE6
RGB
rgb(57, 143, 230)
HSL
hsl(210, 78%, 56%)
HSV
hsv(210, 75%, 90%)

粘贴任何颜色代码

接受 HEX、#RRGGBBAA、rgb()、rgba()、hsl()、hsla()、hsv()、hsb()

全部复制

hex:  #398FE6
rgb:  rgb(57, 143, 230)
hsl:  hsl(210, 78%, 56%)
hsv:  hsv(210, 75%, 90%)

视觉色彩画布

在饱和度-亮度画布上拖动十字准线,可精确到像素地选择任何色调。

4 种格式输出

每个选区都能立即生成 HEX、RGB、HSL 和 HSV 值,包括不透明度低于 100% 时的 Alpha 值。

100% 私人

所有处理都在浏览器中进行。颜色值不会被发送到服务器,也不会被记录。

指南

如何挑选和转换颜色

1

拖动画布

单击或拖动色彩画布上的任意位置,为当前色调选择饱和度和亮度。

2

调整色调和不透明度

使用彩虹色调条移动基色,使用棋盘格不透明度条设置透明度。

3

读取输出代码

HEX、RGB、HSL 和 HSV 值实时更新。当不透明度低于 100% 时,代码会包含一个 Alpha 通道。

4

复制任何格式

单击输出行旁边的任意复制按钮,或在下方输入框中粘贴已知颜色代码,即可立即跳转到该颜色。

广告屏蔽请关闭广告拦截功能,以支持我们的免费服务。
使用案例

谁会使用选色器?

用户界面和网页设计师

在不离开浏览器的情况下,为 CSS、Tailwind 或设计系统提供品牌颜色和副本精确代码样本。

前端开发员

为 CSS 自定义属性、Tailwind 任意值或画布 API 在 HEX 和 RGB/HSL 之间进行转换。

平面设计师

只需一步,即可将 Figma 或 Photoshop HSB 值转换为网页可用的 HEX 或 RGB 代码。

内容创作者

为缩略图、演示文稿或文档找到完美的重点色彩,并立即复制其代码。

无障碍审查员

确认准确的颜色值,以检查文本和背景对的对比度和 WCAG 合规性。

人工智能提示工程师

在图像生成提示中描述颜色时,识别精确的十六进制代码,以获得准确的结果。

广告屏蔽请关闭广告拦截功能,以支持我们的免费服务。
比较

无尽锻造与其他色彩工具的对比

即时、私密、格式完整 - 完全在浏览器中运行。

特点
其他工具平均数
无尽锻造✦ 本网站
可视化画布选择器
零服务器处理
没有
阿尔法/不透明度通道
Sometimes
HSV 输出格式
Sometimes
粘贴任何格式进行转换
没有
免费使用
Limited
广告屏蔽请关闭广告拦截功能,以支持我们的免费服务。

一种工具,每种颜色格式

Endless Forge Color Picker 专为需要准确、格式完整的颜色值的开发人员和设计师设计,他们无需在多个工具中寻找颜色值。无论您是要将 Figma HSB 色板转换为 CSS HEX 变量,还是要检查品牌颜色的精确 RGBA 细分,一切都会在浏览器中即时完成,不会有任何数据离开您的设备。
广告屏蔽请关闭广告拦截功能,以支持我们的免费服务。
探索

更多实用工具和开发人员工具

广告屏蔽请关闭广告拦截功能,以支持我们的免费服务。
常见问题

常见问题

拾取器输出 HEX(#RRGGBB / #RRGGBBAA)、RGB / RGBA、HSL / HSLA 和 HSV。粘贴输入也接受所有这些输入。
HSV(色相、饱和度、值)用于 Figma 和 Photoshop 等设计工具。HSL(色相、饱和度、亮度)是 CSS 的原生语言。两者对颜色的描述不同,但在数学上可以相互转换。
将 HEX 值粘贴到输入字段(带或不带 # 前缀),工具会立即计算并显示等效的 RGB 和 HSL 值。这种转换是数学上的无损转换:没有任何歧义或近似值。然后,您可以点击任何格式旁边的复制按钮,获取所需的数值。要在图像中加入颜色并在图像格式之间进行转换,Image Converter 可以处理 PNG、JPG、WebP 和 AVIF 转换。
是的。在输入框中粘贴或键入任何 HEX、RGB、RGBA、HSL、HSLA、HSV 或 HSB 值,拾取器就会立即更新以匹配。
是的,颜色选择器包含一个 alpha 通道滑块,可以设置从完全透明(0)到完全不透明(1)的不透明度。当设置的 alpha 值不是 1 时,输出格式会切换为其 alpha 感知变体:RGB 为 rgba() ,HSL 为 hsla()。HEX 格式还支持 8 个字符的十六进制代码,其中有两个附加字符表示 alpha 值。要生成直接嵌入 SVG 代码的颜色值,Code Formatter 可以帮助您清理和格式化 SVG 源代码。

已回答5个问题

广告屏蔽请关闭广告拦截功能,以支持我们的免费服务。
Startup Fame Verification