颜色查找工具
专业颜色查找与转换工具，包含丰富的颜色表和多种格式转换
颜色选择器
#
颜色代码
HEX 代码
#3B82F6
RGB 值
rgb(59, 130, 246)
HSL 值
hsl(217, 91%, 60%)
CMYK 值
cmyk(76%, 47%, 0%, 4%)
HSV 值
hsv(217, 76%, 96%)
相关颜色
明度变化
饱和度变化
互补色
三元色
UI设计配色
前景色与背景色对比度分析，适用于文字、按钮等UI元素设计
对比度预览
深色背景
示例文字 Sample Text
对比度: 4.25
A
浅色背景
示例文字 Sample Text
对比度: 3.28
A
推荐背景色
Aa
纯黑
#000000
AA
Aa
纯白
#FFFFFF
A
Aa
浅色6
#ECF1F9
A
Aa
浅色5
#C5D4EC
不合格
Aa
浅色4
#9FB8E0
不合格
Aa
深色1
#3865AD
不合格
Aa
浅色3
#789BD3
不合格
Aa
浅色2
#527FC7
不合格
相似饱和度色相环 （适用于代码高亮等场景）
红
#F63C3C
橙
#F6993C
黄
#E3E34F
黄绿
#99F63C
绿
#3CF63C
青绿
#3CF699
青
#3CF6F6
蓝
#3C99F6
紫
#993CF6
品红
#F63CC7
粉
#F63C6B
灰
#999999
可访问性标准说明
AAA对比度 ≥ 7:1，适用于所有文本，包括小字体
AA对比度 ≥ 4.5:1，适用于正常大小文本
A对比度 ≥ 3:1，仅适用于大字体（18pt+）
不合格对比度 < 3:1，不建议用于文本
颜色表
White
#FFFFFF
Black
#000000
Red
#FF0000
Green
#008000
Blue
#0000FF
Yellow
#FFFF00
Cyan
#00FFFF
Magenta
#FF00FF
Lime
#00FF00
Aqua
#00FFFF
Fuchsia
#FF00FF
Teal
#008080
Olive
#808000
Navy
#000080
Maroon
#800000
Purple
#800080
使用提示
• 基础功能：点击大色块或使用输入框来选择颜色，支持HEX、RGB、HSL格式输入
• 快速操作：点击任意颜色代码可复制到剪贴板，点击相关颜色可快速切换
• 颜色表：右侧颜色表包含147种CSS标准颜色，按分类浏览或直接点击使用
• UI设计：新增UI配色功能，自动计算对比度并推荐符合可访问性标准的背景色
• 代码高亮：色相环功能提供相似饱和度的不同色相，适用于代码编辑器主题设计
• 可访问性：遵循WCAG标准，AAA级适用于所有文本，AA级适用于正常文本，A级仅适用于大字体