👁️

Color Contrast Checker

Check foreground/background contrast against WCAG standards with AA/AAA rating.

Aa Contrast sample text

Instructions

사용 방법

  • 전경색과 배경색을 선택합니다

  • 대비 비율이 자동 계산됩니다

  • WCAG AA/AAA 등급을 확인합니다

  • 텍스트 효과를 실시간으로 미리 봅니다
  • ❓ FAQ

    What is the contrast standard?

    WCAG requires 4.5:1 for body text (AA) and 3:1 for large text.

    Does it support hexadecimal colors?

    Yes, both HEX and RGB color input are supported.

    📝 Related Articles

    tool-tutorials

    How to Use a Cron Expression Generator: Complete Beginner Steps

    Use an online tool to select the five time fields, automatically generate a standard Cron expression with a human-readable time explanation, and learn to troubleshoot execution time deviations caused by time zones and field counts, so complex schedules no longer rely on guesswork.

    tool-tutorials

    How to Use an Online CSV to JSON Tool: Beginners Can Get Started in Three Steps

    Use a three-step process to complete an online CSV to JSON tool operation, covering option settings, result validation, error troubleshooting, large file handling, mobile operation, and API debugging scenarios. Beginners can follow along to get usable JSON data.

    tool-tutorials

    What Is HTML Formatting? A Beginner's Guide to the Key Points

    Use a browser-based HTML formatting tool that runs locally to restore compressed or messy HTML into an indented, readable structure. Also understand the difference between formatting and minification, the troubleshooting order for messed-up indentation, and how to handle large files getting stuck and mobile no-install solutions.

    tool-tutorials

    The Difference Between JS Formatting/Minification and Manual Code Cleanup: Which Is More Suitable

    The difference between JS formatting/compression and manual cleanup comes down to automation versus human judgment. Formatting and compression are handled in bulk by tools according to rules—fast and consistent; manual cleanup is more flexible, suited to scenarios with special naming conventions or complex logic. For everyday development and debugging, use tools first and save human effort for the parts that truly need judgment. Understanding what JS formatting and compression means helps you decide when to use it and when to stop.