색상 선택기 및 명암비 검사기

색상 선택기 및 명암비 검사기 사용 방법

계산 내용과 사용 시기

색을 고르고 HEX, RGB, HSL, HSV, CMYK 사이로 변환하며, 밝은 톤, 어두운 톤, 어울리는 색을 제안하고, 텍스트 명암비를 WCAG 접근성 지침으로 확인합니다.

단계별 사용 방법

1. 선택기로 색을 고르거나 HEX, RGB, HSL, 색 이름으로 입력하세요.
2. 명암비를 확인할 배경색을 고르세요.
3. 클릭 한 번으로 원하는 형식을 복사하세요.
4. 밝은 톤, 어두운 톤, 어울리는 색으로 팔레트를 만드세요.

각 입력 항목의 의미

• 색 – 기본값은 SmartCalcy 파란색 #2443C8.
• 배경 – 기본값은 흰색.

결과 읽는 법

• 명암비 – 1:1부터 21:1까지, 일반 텍스트와 큰 텍스트의 AA·AAA 결과.
• 형식 – HEX, RGB, HSL, HSV, CMYK.
• 밝은 톤과 어두운 톤 – 더 밝고 더 어두운 버전.
• 어울리는 색 – 보색, 유사색, 삼각 배색.

공식

명암비 = (L1 + 0.05) ÷ (L2 + 0.05). 여기서 L1과 L2는 밝은 색과 어두운 색의 상대 휘도입니다. WCAG AA는 일반 텍스트 4.5:1, 큰 텍스트 3:1이 필요하고, AAA는 7:1과 4.5:1이 필요합니다.

계산 예시

기본 색으로 흰 배경 위 #2443C8의 명암비는 7.74:1이며 모든 텍스트 크기에서 AAA를 통과합니다.

가정과 한계

• CMYK 값은 단순 변환이며 색 관리된 인쇄 프로파일이 아닙니다.
• 명암비 결과는 WCAG 2 공식을 따릅니다.

흔한 실수

• 큰 텍스트로만 명암비를 확인하고 작은 텍스트에 그 색을 쓰는 것.
• 의미를 색으로만 전달하는 것.

자주 묻는 질문

관련 도구