색상 코드 변환기

사용 방법

1. HEX 코드를 직접 입력하거나, 컬러 피커로 색상을 선택합니다.
2. 입력 즉시 RGB 색상 코드와 HSL 변환 결과가 표시됩니다.
3. 필요한 값을 복사하여 디자인 작업에 활용하세요.

변환 기준

입력한 색을 sRGB 색 공간 기준으로 해석해 HEX·RGB·HSL 세 가지 표기로 동시에 보여줍니다. HEX는 #RRGGBB 16진수, RGB는 빨강·초록·파랑 채널을 0~255 정수로, HSL은 색상(0~360°)·채도·명도(각 0~100%)로 같은 색을 다르게 표현한 값입니다. 세 표기 모두 화면에 표시되는 색은 동일하며, 클릭 한 번으로 원하는 표기를 복사할 수 있습니다.

활용 예시와 결과 해석

예를 들어 디자인 시안에서 받은 #6366F1을 CSS에 rgb(99, 102, 241)로 옮겨 적거나, 같은 색 계열의 밝은 변형이 필요할 때 HSL의 명도(L) 값만 높여 손쉽게 톤을 조절할 수 있습니다. 함께 표시되는 유사 색상 띠는 명도를 단계별로 바꾼 변형이라 버튼 호버 색이나 배경 음영을 정할 때 참고하기 좋습니다.

주의사항

표시되는 값은 화면(sRGB) 기준이므로 인쇄물의 CMYK나 모니터별 색 보정에 따라 실제로 보이는 색이 달라질 수 있습니다. 또 HEX 입력은 # 포함 6자리 형식을 권장하며, 약식 3자리(#abc)나 잘못된 문자가 섞이면 변환 결과가 의도와 다르게 나올 수 있습니다.

자주 묻는 질문

HEX와 RGB의 차이는 무엇인가요?

HEX는 16진수 표기(#RRGGBB), RGB는 빨강·초록·파랑 각 채널을 0~255 정수로 표기합니다. 표현할 수 있는 색상 범위는 동일합니다.

Hex to RGB 변환은 어떻게 하나요?

헥스 코드 6자리를 2자리씩 나눠 각각 10진수로 바꾸면 RGB 값이 됩니다. 이 색상 코드 변환기에 입력하면 자동으로 변환됩니다.

HSL은 언제 유용한가요?

HSL(색상·채도·명도)은 색을 직관적으로 조절할 때 유용합니다. 명도만 바꿔 같은 색 계열의 밝기 변형을 쉽게 만들 수 있습니다. 변환된 색상으로 배색을 구성하려면 색상 조합 도구를 활용하세요.

입력한 색이 외부로 전송되나요?

아닙니다. 색상값 변환은 모두 브라우저 안에서 처리되며 입력한 HEX나 색상 정보가 서버로 전송되지 않습니다.