색상 변환기

사용법

1. HEX(#3b82f6), RGB, HSL 중 아무 형식으로나 색상을 입력합니다.
2. 옆의 색상 선택기로 직접 고를 수도 있습니다.
3. HEX·RGB·HSL 결과와 미리보기, 명암비가 바로 표시됩니다. 원하는 형식을 복사하세요.

자주 묻는 질문

Q. 어떤 형식을 입력할 수 있나요?

A. HEX(#3b82f6, #f00, 알파 포함 8자리), RGB(rgb(59,130,246), rgba), HSL(hsl(217,91%,60%))을 모두 인식합니다. # 없이 hex만 입력해도 됩니다.

Q. 명암비(WCAG)는 무엇인가요?

A. 글자와 배경 색의 밝기 대비를 나타내는 값입니다. 일반 텍스트는 AA 4.5:1, AAA 7:1 이상이면 접근성 기준을 통과합니다. 이 색을 글자로 썼을 때 흰/검정 배경에서의 명암비를 보여줍니다.

Q. HSL 값이 다른 도구와 살짝 다릅니다.

A. HSL을 정수로 표기하면서 반올림해 1~2 정도 오차가 생길 수 있습니다. 변환 자체는 표준 공식을 따르며 모든 처리는 브라우저에서만 이루어집니다.