색상 코드 변환기 (HEX·RGB·HSL 변환, 글씨 대비)
웹이나 디자인 작업에서 색상 코드를 다른 형식으로 바꿔야 할 때 쓰는 도구예요. 색 선택기로 고르거나 코드를 직접 입력할 수 있고, 글씨 가독성도 확인할 수 있어요.
색상 변환 바로 계산하기 →계산 방법
- HEX는 #RRGGBB로, 두 자리씩 빨강·초록·파랑을 16진수로 나타내요.
- RGB는 각각 0~255 값을, HSL은 색상(0~360°), 채도, 명도를 써요.
- 명암 대비는 두 색의 상대 휘도 비율로, 4.5:1 이상이면 일반 글씨 읽기에 충분하다고 봐요(WCAG).
계산 예시
#2446F0은 rgb(36, 70, 240), hsl(230, 87%, 54%)예요. 흰색 글씨와 대비는 6.54:1이라 읽기 좋고, 검은 글씨와는 3.21:1로 낮아요.
알아 두세요
- 3자리 HEX(#F00)와 hsl(120, 100%, 50%) 형식도 입력할 수 있어요.
- 화면 밝기와 기기 설정에 따라 실제 색이 다르게 보일 수 있어요.
자주 묻는 질문
HSL은 왜 쓰나요?
색상은 그대로 두고 채도나 명도만 조절하기 쉬워서 같은 계열의 밝은 색, 어두운 색을 만들 때 편해요.