颜色选择器转换器
🎨 颜色选择器
颜色面板
颜色值输入
预设颜色
{{ preset.name }}
经典配色方案
{{ scheme.name }}
{{ color }}
🎨 当前颜色
🌈 配色方案
{{ color }}
📋 颜色代码
❌ {{ error }}
{{ format.label }}
{{ format.value }}
⚙️ 透明度调整
🎯 颜色信息
亮度
{{ brightness.toFixed(1) }}%
对比度
{{ contrastText }}
是否暗色
{{ isDark ? '是' : '否' }}
互补色
{{ complementaryColor }}
💡 功能说明
在线颜色选择器与转换器：可视化选择颜色，支持多种颜色格式互转，提供预设颜色和专业配色方案，帮助设计师和开发者快速获取所需颜色代码。
- 可视化选择 — 左侧颜色面板拖动选择饱和度和亮度，右侧色相条快速切换颜色
- 格式转换 — 支持HEX、RGB、RGBA、HSL、HSLA格式互转
- 一键切换 — 点击HEX/RGB/HSL按钮快速切换输入格式
- 预设颜色 — 提供40+种常用预设颜色，点击即可快速选择
- 配色方案 — 包含商务蓝、自然绿、紫粉色等8种专业配色方案
- 智能调色板 — 根据当前颜色自动生成5色渐变配色方案
- 透明度调节 — 支持0-100%透明度滑块调节
- 颜色信息 — 实时显示亮度值、对比度建议、是否暗色、互补色
- 一键复制 — 所有颜色代码均可一键复制到剪贴板
- 颜色名称 — 支持140+种标准颜色名称输入
⚠️ 注意事项
- 所有颜色计算均在客户端完成，数据不会上传服务器
- 支持多种颜色格式：HEX、RGB、RGBA、HSL、HSLA
- 支持140+种标准颜色名称（如red、blue、green等）
- 拖动颜色面板时请按住鼠标左键
- 互补色是通过色相值加180度计算得出