颜色工具箱

颜色转换器

颜色名称 Sky Blue
亮度 65%

调色板生成器

对比度检测器

对比度测试示例文本

示例标题

对比度比值 21:1
WCAG AA Normal: ✓ Pass
WCAG AA Large: ✓ Pass
WCAG AAA Normal: ✓ Pass
WCAG AAA Large: ✓ Pass

色盲模拟器

正常视觉

模拟视觉

选择色盲类型,查看不同色觉缺陷人群如何看待颜色。

使用方法

  1. 使用颜色转换器在HEX、RGB和HSL格式之间转换
  2. 使用不同的配色方案生成调色板
  3. 检查颜色对比度比值以符合无障碍标准
  4. 模拟色盲人群如何看待颜色

颜色工具箱

免费在线颜色工具箱套件,提供HEX、RGB、HSL等颜色格式之间的快速互相转换、专业配色调色板自动生成、WCAG无障碍对比度检测和色盲视觉效果模拟等完整实用功能。支持颜色拾取和配色方案导出分享,帮助设计师和前端开发者高效工作。无需注册,浏览器本地处理,离线也能使用

设计工具

常见使用场景

这个工具主打浏览器内直接完成操作,打开即可使用,调整参数后立即得到结果,无需注册,也尽量不把数据发送到服务器。

页面尽量采用本地处理方式,既减少等待,也更适合作为搜索结果中的直接落地页。

相关主题

下面这些关键词有助于说明这个工具的用途和适用场景:

快速问答

支持哪些颜色格式转换?

支持 HEX / RGB / HSL 互转,并可一键复制颜色值。

如何生成配色方案?

选择基准颜色与配色规则(如互补/类似等),点击生成即可得到调色板。

对比度检测怎么用?

选择前景/背景色,会显示对比度比值以及 WCAG AA/AAA 是否通过。

颜色工具箱 使用文档与教程

完整的颜色工具包 - HEX/RGB/HSL转换,调色板生成,对比度检测,色盲模拟。免费在线颜色工具。

工具简介

颜色工具箱 是简单好用且完全免费的在线工具,可直接在浏览器中使用。

核心功能(基于实际实现)

以下能力从页面结构与脚本实现中提取:

  • 支持多模式/标签页:converter、palette、contrast、blindness
  • 浏览器本地运行(本地优先)

查看完整使用指南:颜色工具箱