颜色选择器工具

颜色代码

HEX
RGB
HSL

颜色方案

颜色对比检查

检查两种颜色的对比度是否符合WCAG标准(确保文本可读性)

背景色
文字色
Aa
Aa
对比度: 21:1 (符合AAA级标准)

使用说明

  • 在颜色输入框中输入颜色代码(HEX、RGB或HSL格式),或使用颜色滑块选择颜色
  • 点击"复制"按钮可复制对应格式的颜色代码
  • 选择颜色方案类型,查看不同的颜色搭配
  • 使用颜色对比检查工具,确保文本与背景的对比度符合可访问性标准
  • 点击常用颜色快速选择预设颜色

颜色格式说明

  • HEX格式:以#开头,后跟6位十六进制数(如#FF5733)
  • RGB格式:rgb(红, 绿, 蓝),每个值范围0-255(如rgb(255, 87, 51))
  • HSL格式:hsl(色相, 饱和度%, 亮度%),色相范围0-360,饱和度和亮度范围0-100%(如hsl(12, 100%, 60%))