색상 피커 · 조합에 점검할 코드, 설정값, 토큰, URL, 명령어를 붙여넣습니다.
기준 색상
전경/배경을 함께 두고 실제 대비를 확인합니다.
전경 색상
버튼, 텍스트, 포인트 컬러 기준
배경 색상
카드, 배너, 섹션 배경 기준
브라우저가 EyeDropper API 를 지원하지 않으면 색상 입력창만으로 계속 작업할 수 있습니다.
실시간 미리보기
버튼과 카드 톤에서 바로 읽힘 정도를 확인합니다.
Primary
WEBIS Action Preview
실제 버튼/배너에 가까운 크기로 대비를 미리 확인합니다.
Outline button preview
Neutral card preview
값 복사
자주 쓰는 형식만 정리했습니다.
HEX
RGB
HSL
권장 텍스트색
대비와 파생색
대비비
WCAG AA 본문