1. 01HEX, rgb(), hsl(), 색 이름 등 CSS 색을 입력하거나 기본 색상 선택기를 씁니다.
2. 02필요한 색 형식을 복사하거나, 색 단계 칸을 눌러 HEX를 복사합니다.
3. 03대비 영역에서 전경과 배경을 골라 비율과 WCAG AA/AAA 판정을 확인합니다.
4. 04EyeDropper를 지원하는 브라우저에서는 "화면 색상 추출"을 누를 수 있습니다; Esc로 취소해도 오류는 나지 않습니다.

• 받아들이는 범위는 colord의 CSS 색 문법 지원에 따르며, 브라우저의 모든 미래 색 함수를 해석하는 완전한 파서가 아닙니다.
• 색 단계는 colord.tints(10) / shades(10)의 알고리즘 결과이고, 특정 디자인 시스템의 고정 팔레트와 같지 않습니다.
• WCAG 검사는 플러그인이 구현한 WCAG 2.0 대비 임계값을 따릅니다: AA 본문 4.5, AA 큰 글자 3, AAA 본문 7, AAA 큰 글자 4.5.
• EyeDropper는 이 Web API를 지원하는 브라우저에서만 켜지며, 사용자가 직접 클릭해야 하고 브라우저 권한/보안 컨텍스트의 제약을 받습니다.
• 화면 색상 추출은 사용자가 고른 sRGB HEX 하나만 반환하며 화면을 계속 캡처하거나 녹화하지 않습니다.

색 계산은 브라우저 안에서 끝납니다; EyeDropper는 사용자가 직접 호출한 뒤 브라우저가 색 값 하나를 돌려줄 뿐이며 화면 내용을 업로드하지 않습니다.