Silver Bullet颜色选择与转换工具
一个全面的颜色处理工具，支持多种颜色格式的选择、转换和分析。
🎨 颜色选择与转换工具
选择、转换和分析颜色，支持多种格式和调色板生成
选择颜色
颜色信息
HEX 值
#3498db
RGB 值
rgb(52, 152, 219)
HSL 值
hsl(204, 70%, 53%)
#3498dbff
这是一段示例文本
用于展示颜色效果
调色板生成
对比度检查
对比度: 0:1
这是一段示例文本，用于展示颜色对比效果
WCAG 2.1 可访问性标准测试
WCAG 2.1 可访问性标准:
- AA级 (最小对比度 3:1) - 大型文本
- AA级 (最小对比度 4.5:1) - 正常文本
- AAA级 (最小对比度 7:1) - 正常文本
功能特点
- 🎯 可视化选择：直观的颜色选择器，支持色相、饱和度和明度调整
- 🔄 多格式转换：支持 HEX、RGB、HSL、HSV 等多种颜色格式相互转换
- 🎨 调色板生成：自动生成协调的配色方案和调色板
- 📏 对比度检查：检测颜色对比度，确保可访问性符合 WCAG 标准
- 📋 颜色历史：保存最近使用的颜色，方便快速访问
- 🌈 渐变生成：创建美丽的 CSS 渐变代码
- 📱 响应式设计：完美适配桌面和移动设备
- 🎯 实时预览：即时查看颜色应用效果
使用方法
选择颜色：
- 使用颜色选择器直观地选择颜色
- 直接在输入框中输入颜色值（HEX、RGB、HSL等格式）
转换格式：
- 查看当前颜色的不同格式表示（HEX、RGB、HSL、HSV）
- 复制特定格式的颜色值到剪贴板
生成调色板：
- 基于当前颜色生成协调的配色方案
- 选择不同的调色板类型（单色、互补、三色等）
检查对比度：
- 测试前景色和背景色的对比度
- 查看是否符合 WCAG 可访问性标准
创建渐变：
- 选择多个颜色创建渐变效果
- 获取对应的 CSS 渐变代码
管理颜色：
- 保存喜欢的颜色到收藏夹
- 查看最近使用的颜色历史记录
应用场景
- 网页设计：选择和测试配色方案
- 前端开发：获取准确的 CSS 颜色值
- UI/UX 设计：确保颜色可访问性和对比度
- 品牌设计：创建协调的品牌调色板
- 内容创作：为插图和图形选择颜色
技术说明
本工具使用纯前端技术实现，所有颜色处理都在浏览器中完成，保障您的隐私安全。颜色转换算法遵循 W3C 标准，确保准确性。
支持的颜色格式包括：
- HEX（#RRGGBB 或 #RGB）
- RGB（rgb(r, g, b)）
- RGBA（rgba(r, g, b, a)）
- HSL（hsl(h, s%, l%)）
- HSLA（hsla(h, s%, l%, a)）
- HSV（hsv(h, s%, v%)）
- 颜色关键字（red, blue 等）
提示：使用颜色选择器时，您可以按住 Shift 键进行更精细的调整。