颜色选择器
直观选择任何颜色,并立即生成精确的 HEX、RGB、HSL 和 HSV 编码。在画布上拖动可探索色调、调整色相和不透明度,或粘贴现有的颜色代码以实时转换格式。无需设计软件,无需配置,只需在几秒钟内为项目选择、转换和复制精确的颜色值。
颜色选择器
直观选择任何颜色,调整不透明度,或粘贴 HEX、RGB、HSL 或 HSV 代码。所有四种格式输出均可实时更新。
彩色帆布
色调
不透明度 - 100%
预设
输出
粘贴任何颜色代码
接受 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% 私人
所有处理都在浏览器中进行。颜色值不会被发送到服务器,也不会被记录。
如何挑选和转换颜色
拖动画布
单击或拖动色彩画布上的任意位置,为当前色调选择饱和度和亮度。
调整色调和不透明度
使用彩虹色调条移动基色,使用棋盘格不透明度条设置透明度。
读取输出代码
HEX、RGB、HSL 和 HSV 值实时更新。当不透明度低于 100% 时,代码会包含一个 Alpha 通道。
复制任何格式
单击输出行旁边的任意复制按钮,或在下方输入框中粘贴已知颜色代码,即可立即跳转到该颜色。
谁会使用选色器?
用户界面和网页设计师
在不离开浏览器的情况下,为 CSS、Tailwind 或设计系统提供品牌颜色和副本精确代码样本。
前端开发员
为 CSS 自定义属性、Tailwind 任意值或画布 API 在 HEX 和 RGB/HSL 之间进行转换。
平面设计师
只需一步,即可将 Figma 或 Photoshop HSB 值转换为网页可用的 HEX 或 RGB 代码。
内容创作者
为缩略图、演示文稿或文档找到完美的重点色彩,并立即复制其代码。
无障碍审查员
确认准确的颜色值,以检查文本和背景对的对比度和 WCAG 合规性。
人工智能提示工程师
在图像生成提示中描述颜色时,识别精确的十六进制代码,以获得准确的结果。
无尽锻造与其他色彩工具的对比
即时、私密、格式完整 - 完全在浏览器中运行。
一种工具,每种颜色格式
更多实用工具和开发人员工具
图像转换器
在 PNG、JPG、WEBP、AVIF 等格式之间即时转换图像。
SVG 转换器
将光栅图像转换为 SVG 矢量格式,或将 SVG 导出为 PNG/JPG。
PDF 转图像
将 PDF 文件的每一页提取为高分辨率的 PNG 或 JPG 图像。
图像转 PDF
将一个或多个图像合并成一个简洁的 PDF 文档。
文本分析器
分析字数、阅读时间、情感和可读性得分。
代码格式化
使用一致的缩进和样式规则自动格式化杂乱无章的代码。
Base64 编码器/解码器
将文本或文件编码为 Base64,并将 Base64 字符串解码为纯文本,支持 URL 安全模式和图像预览。
常见问题
已回答5个问题