임의의 전경색과 배경색 간의 WCAG 2.1 대비 검증을 수행합니다.
큰 제목 샘플
본문 텍스트 샘플. 빠른 갈색 여우가 게으른 개를 넘어뜹니다.
APCA는 인간의 인식을 모델링합니다: 극성, 텍스트 크기 및 굵기를 고려하므로 WCAG 2.1 비율보다 실제 가독성을 더 잘 예측합니다. 본문 텍스트는 Lc 75 이상, 큰 텍스트는 60 이상입니다.
APCA는 극성을 인지합니다: 밝은 배경 위의 어두운 색과 어두운 배경 위의 밝은 색은 다르게 점수가 매겨지므로, 전경/배경을 바꾸면 오류가 아닌 설계상 다른 Lc가 나옵니다.
APCA는 합격/불합격을 넘어서 — 이 표는 해당 대비율에서 각 두께별 최소 가독성 글꼴 크기를 공식 APCA 글꼴 조회에서 직접 보여줍니다.
더 큰 크기가 더 잘 읽힙니다; 777은 해당 대비율에서 해당 두께가 허용되지 않음을 의미합니다. 매우 두꺼운 두께(900)는 작은 크기에서 더 큰 크기가 필요할 수 있습니다.
두 색상 간의 WCAG 2.1 대비를 확인하며, 4단계의 실시간 AA/AAA 판정을 제공합니다.
전경과 배경의 HEX 코드를 붙여넣으세요; 샘플 텍스트가 즉시 다시 렌더링됩니다.
본문 텍스트(4.5:1)와 큰 텍스트(3:1)는 별도로 평가되며, 비율은 실시간으로 업데이트됩니다.
실패했나요? 통과할 때까지 명도를 조정하세요; 버튼과 제목은 AA 등급만 필요합니다.
접근성을 실천할 때 자주 묻는 네 가지 질문입니다.
여기에서 계속해서 색상을 활용하세요.
모든 색상을 OKLCH에서 인지적으로 균일한 11단계 디자인 시스템 스케일로 변환하고, 각 단계의 WCAG 대비율을 확인한 후 Tailwind/CSS/SCSS/JSON으로 내보낼 수 있습니다.
RAL, Pantone, NCS 코드나 HEX 값을 입력하면 CIEDE2000 ΔE를 기준으로 10가지 표준 시스템 전체에서 일치하는 색상을 찾아줍니다.
8가지 유형의 색각 이상을 시뮬레이션하여 접근성을 검토하세요.
스페이스바로 무작위화, 잠금, 드래그하여 재정렬, URL로 공유 — 팔레트 보드가 해야 할 모든 기능을 제공합니다.