Color Contrast Checker - WCAG icon

Color Contrast Checker - WCAG

Check the WCAG contrast ratio between any two colors and see AA/AAA pass or fail. Pick colors from screen, runs locally.

버전
3.0.3

빌드는 끝났지만 아직 스토어에 올라가지 않았습니다. 무엇을 하는 확장인지 미리 볼 수 있도록 페이지만 열어두었습니다.

텍스트가 충분히 읽히는지 감으로 판단하는 건 위험해요 — WCAG엔 정확한 수치가 있어요. 이 도구는 텍스트 색과 배경색의 대비율을 알려주고, 어떤 등급을 통과하는지 보여줘요.

hex를 입력하거나, 색상 선택기를 쓰거나, 스포이드로 화면의 아무 픽셀이나 추출하세요. 대비율과 함께 일반·큰 텍스트의 AA·AAA 통과 여부가 바로 보이고, 두 색을 함께 미리보기해요. 클릭 한 번으로 텍스트·배경을 교체할 수 있어요.

전부 팝업에서 동작해요. 계정도 업로드도 없고, 저장되는 건 마지막 두 색뿐이에요.

스크린샷

주요 기능

  • 두 색상의 WCAG 2.1 대비율.

  • 일반·큰 텍스트의 AA·AAA 결과.

  • 화면 아무 색이나 추출하는 스포이드.

  • 실시간 미리보기와 클릭 한 번 교체.

  • 로컬 동작

    로그인·서버·추적 없음.

사용 방법

  1. 01아이콘을 눌러요.
  2. 02텍스트·배경 색을 정해요 — hex 입력, 선택기, 또는 스포이드로 화면 추출.
  3. 03대비율과 AA·AAA 통과/실패 배지를 확인해요.

권한과 개인정보

단일 목적

Single purpose: Calculate the WCAG contrast ratio between two colours and report AA/AAA conformance. Permission — storage: Used only to remember the user's last two colours locally (chrome.storage.local). No personal data stored. Host permissions: None. No host_permissions and no <all_urls>. The EyeDropper API samples screen colours without any host access. Remote code: None. All code is bundled; nothing is fetched or eval'd at runtime. Data collection / transmission: None. No data is collected, stored off-device, or transmitted. All processing is local.

storage설정과 데이터를 브라우저 자체 저장소(이 기기)에 저장합니다.

전부 브라우저 안에서만 동작해요. 마지막 두 색만 로컬 저장하고, 네트워크 요청을 하지 않아요. 독립 확장입니다. 확장에 포함된 코드만 실행하며 원격 코드를 내려받지 않습니다.

관련 확장 프로그램