🔢 HEX·RGB·HSL 색상 코드 변환기
색상 코드 변환기
HEX, RGB, HSL 중 아무 값이나 입력하면 나머지 값이 자동으로 계산됩니다. 컬러피커로 색을 직접 골라도 됩니다.
자주 묻는 질문
HEX, RGB, HSL은 각각 뭔가요?
셋 다 같은 색을 표현하는 다른 방식입니다. HEX는 웹에서 흔히 쓰는 16진수 코드(#4F7CFF), RGB는 빨강·초록·파랑 빛의 세기(0~255), HSL은 색상·채도·명도로 표현합니다. 디자인 툴이나 코드에서 요구하는 형식에 맞춰 골라 쓰시면 됩니다.
변환할 때 값이 살짝 달라지는 경우가 있던데 오류인가요?
아니요, 정상입니다. HSL 값을 정수로 반올림해서 저장하기 때문에, RGB→HSL→RGB로 왕복 변환하면 각 채널이 ±1 정도 차이날 수 있습니다. 포토샵 같은 전문 도구에서도 똑같이 나타나는 현상입니다.
컬러피커로 고른 색은 어떻게 알아내나요?
하단의 컬러피커에서 색을 고르면 위쪽 HEX·RGB·HSL 값이 전부 자동으로 채워집니다.