색상 변환기

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은 왜 쓰나요?

색상은 그대로 두고 채도나 명도만 조절하기 쉬워서 같은 계열의 밝은 색, 어두운 색을 만들 때 편해요.

자주 찾는 질문·표

최종 업데이트 2026년 10월 5일 · 계산 결과는 참고용이며 법률·세무·금융 자문이 아니에요.

광고 영역 (미리보기)

다른 도구도 써 보세요

계산 결과는 참고용이에요. 중요한 결정은 공식 자료로 한 번 더 확인하세요.
계산 가이드 소개 개인정보처리방침 이용약관 문의

광고 없이 쓰기

프리미엄은 준비 중이에요.

월 1,900원 (예정)