color-to-black

페이지를 무채색으로 보고 두 지점의 실제 명도 대비를 측정합니다.

color-to-black은 웹 페이지를 무채색으로 전환하고, 실제 화면에 렌더링된 픽셀의 명도 대비를 측정하는 Chrome 확장 프로그램입니다. 디자이너와 프런트엔드 개발자가 색상에 가려진 시각적 위계와 접근성 문제를 빠르게 확인하도록 돕습니다. 주요 기능 • 페이지 전체를 무채색으로 전환 • 두 지점의 상대 휘도와 대비율 측정 • WCAG 기준 3:1, 4.5:1, 7:1 통과 여부 표시 • 라쏘로 지정한 두 영역의 평균 명도 대비 측정 • 현재 화면의 최저·최고 명도와 대비 분석 • 선택한 영역의 캡처 미리보기 제공 • 검사 패널 최소화와 빠른 재측정 지원 사용 방법 1. 검사할 웹 페이지에서 확장 프로그램 아이콘을 누릅니다. 2. 비교할 첫 번째 지점과 두 번째 지점을 차례로 선택합니다. 3. 패널에서 상대 휘도, 대비율, WCAG 기준을 확인합니다. 4. 영역을 비교하려면 라쏘 기능을 켜고 두 영역을 차례로 드래그합니다. 5. 아이콘을 다시 누르거나 Esc 키를 눌러 검사를 종료합니다. 측정 방식 CSS 속성값을 추정하지 않습니다. 현재 화면을 캡처한 뒤 사용자가 선택한 위치의 실제 렌더링 픽셀을 분석합니다. 라쏘 측정은 지정한 사각형 안의 보이는 픽셀 전체를 기준으로 평균 상대 휘도와 대비율을 계산합니다. 개인정보 보호 화면 분석은 확장 프로그램 내부에서 처리합니다. 캡처한 화면이나 측정 결과를 외부 서버로 전송하거나 저장하지 않습니다. Chrome 내부 페이지, Chrome 웹 스토어, 새 탭 등 확장 프로그램 실행이 제한된 페이지에서는 사용할 수 없습니다.