R
G
B
H°
S%
L%
이 도구에 대해
색을 나타내는 세 가지 방식
HEX는 #RRGGBB처럼 빨강·초록·파랑을 16진수 두 자리씩 적는 웹의 기본 표기입니다. RGB는 같은 값을 0~255 숫자 셋으로, HSL은 색상(0~360도), 채도(%), 명도(%)로 나타냅니다. 같은 색을 세 방식으로 바꿔 보여 주는 도구입니다.
예시와 쓰임
순수한 빨강은 #FF0000, RGB(255, 0, 0), HSL(0, 100%, 50%)입니다. 디자인 도구에서 받은 HEX를 CSS의 hsl()로 바꾸거나, 같은 색조에서 명도만 올려 밝은 변형을 만들 때 HSL이 편합니다.
HEX는 #과 함께 6자리로 입력합니다. #F00 같은 3자리 축약은 받지 않으니 #FF0000처럼 풀어서 넣으세요. 반올림하는 변환이라 HEX→HSL→HEX로 돌아오면 한두 단계 차이가 날 수 있습니다.
💻 개발자 계산기 더보기
자주 묻는 질문
QHEX, RGB, HSL은 어떻게 다른가요?
같은 색을 다른 방식으로 표현한 것입니다. HEX와 RGB는 빛의 삼원색 비율을, HSL은 색상·채도·명도를 기준으로 합니다. 색을 조금씩 조정할 때는 HSL이 직관적입니다.
Q색상 대비는 왜 확인해야 하나요?
웹 접근성 기준(WCAG)에서 본문 텍스트는 배경과 4.5:1 이상, 큰 텍스트는 3:1 이상의 명암비를 권장합니다. 대비가 낮으면 저시력 사용자가 읽기 어렵습니다.
Q알파값(투명도)도 지원하나요?
네. 8자리 HEX(#RRGGBBAA)와 rgba()·hsla() 표기를 함께 다룹니다.
이 결과는 틀릴 수 있습니다
공개된 산식과 표준 요율로 낸 참고용 추정치입니다. 세율 구간·보험 요율· 최저임금·요금표처럼 해마다 고시로 바뀌는 값은 시행 직후 반영에 시차가 생길 수 있고, 개인 사정에 따른 예외와 감면을 모두 담지도 못합니다. 금액이 중요한 판단에 쓰인다면 관계 기관의 최신 고시나 금융사·공단의 확정 통보로 반드시 확인하세요.