Color Contrast Checker

Enter JSON data for colors you want to check. Each color should have a "name" and a "value" (3 or 6-digit hex color).

📋 Expected JSON Format:

[
  {"name": "Red", "value": "f00"},
  {"name": "Blue", "value": "00f"},
  {"name": "Green", "value": "0f0"},
  {"name": "White", "value": "fff"},
  {"name": "Black", "value": "000"},
  {"name": "Gray", "value": "808080"},
  {"name": "Red Duplicate", "value": "ff0000"}
]

name: Display name for the color

value: 3-digit (e.g., "f00") or 6-digit hex color (with or without #)

💡 3-digit hex codes auto-expand (e.g., "f00" → "FF0000")

🔄 Duplicate names or values are automatically removed

⚠️ JSON Tips: Use double quotes, no trailing commas

Color JSON Data:

👆 Enter valid JSON data above or click "Try Sample Data" to see color contrast results.