색상 변환기 & 대비비 체커

HEX, RGB, HSL 등 다양한 색상 코드를 변환하세요. 웹 디자인과 CSS 작업에 유용한 컬러 코드 변환기입니다

✅ Local Processing🎨 Real-time Conversion
#3b82f6
rgb(59, 130, 246)
hsl(217, 91%, 60%)

대비비 (Contrast Ratio)

Sample Text
Small Text (14px)
대비비: 21.00:1
WCAG 등급:AAA (매우 우수)

색상 변환기 사용법 및 자주 묻는 질문

HEX, RGB, HSL이란?

웹에서 색상을 표현하는 세 가지 주요 방식입니다:

  • HEX: 16진수 색상 코드 (예: #3b82f6)
  • RGB: Red, Green, Blue 값 (0-255)
  • HSL: Hue(색상), Saturation(채도), Lightness(명도)

대비비(Contrast Ratio)란?

전경색(텍스트)과 배경색 간의 밝기 차이를 나타내는 비율입니다. 높을수록 읽기 쉽고, WCAG(웹 콘텐츠 접근성 가이드라인) 준수에 필요합니다.

WCAG 등급이란?

  • AAA (7:1 이상): 가장 높은 접근성, 모든 사용자가 읽기 쉬움
  • AA (4.5:1 이상): 표준 접근성, 대부분의 웹사이트 권장 기준
  • Fail (4.5:1 미만): 접근성 기준 미달

큰 텍스트(18pt 이상)는 3:1 이상이면 AA 등급입니다.

언제 어떤 색상 형식을 사용하나요?

  • HEX: CSS에서 가장 흔하게 사용
  • RGB: JavaScript에서 색상 조작 시 편리
  • HSL: 색상 팔레트 생성, 명도/채도 조절에 유용

내 데이터는 안전한가요?

네! 모든 변환은 브라우저에서만 이루어집니다. 색상 정보는 서버로 전송되지 않으며, 어디에도 저장되지 않습니다.