6XC

색상 변환기

HEX, RGB, HSL 색상 코드를 즉시 상호 변환합니다. 색상 선택기 포함, 무료.

조회수 689회

HEX—
RGB—
HSL—

HEX, RGB, HSL이란?

HEX(예: #ff8000)는 빨강-초록-파랑 값을 16진수로 표기하는 방식으로, 웹에서 가장 흔히 쓰이는 표기법입니다. RGB(예: rgb(255, 128, 0))는 동일한 세 채널을 0~255 범위의 10진수로 표현합니다. HSL(예: hsl(30, 100%, 50%))은 색상을 색조, 채도, 명도로 표현하며, 한 색상의 더 밝거나 어두운 변형을 만들 때 가장 다루기 편한 형식입니다.

색상 선택기로 색을 고르거나 HEX 코드를 직접 입력하면 세 표기법이 모두 즉시 업데이트됩니다. CSS를 작성하거나 디자인 팔레트를 만들거나 브랜드 색상을 다른 형식으로 표현해야 할 때 사용하세요.

자주 묻는 질문

HEX 색상을 RGB로 어떻게 변환하나요?

HEX 코드의 각 두 자리는 한 채널을 16진수로 나타냅니다. #ff8000의 경우 ff=255(빨강), 80=128(초록), 00=0(파랑)이므로 rgb(255, 128, 0)이 됩니다. 이 도구는 변환을 자동으로 수행합니다.

3자리 HEX 코드(#f80 같은)도 지원하나요?

네. #f80 같은 축약 표기는 각 자리를 두 번 반복해 #ff8800으로 확장됩니다. 이 도구는 두 형식을 모두 인식합니다.

HSL은 언제 사용하는 것이 좋나요?

색상의 더 밝거나 어둡거나 채도가 낮은 변형이 필요할 때 HSL이 가장 실용적입니다. 명도(L)나 채도(S) 값만 바꾸면 일관된 톤을 얻을 수 있습니다. CSS는 hsl() 표기법을 직접 지원합니다.

비슷한 도구

JSON 포맷터 무료 온라인 JSON 유효성 검사기, 정렬(예쁘게 출력) 및 압축(minify) 도구입니다. 사용하기 내 IP 주소 확인 공인 IPv4/IPv6 주소, 인터넷 제공업체, 대략적인 위치, 브라우저 정보를 즉시 확인하세요 — 클릭 한 번으로 복사할 수 있습니다. 사용하기 진법 변환기 숫자를 2진수, 8진수, 10진수, 16진수, 그리고 2부터 36까지의 임의의 진법으로 변환합니다 — 아무리 큰 값이라도 정확합니다. 변환하기 텍스트 ↔ Hex 변환기 텍스트를 16진수(Hex)로 인코딩하고, Hex를 다시 읽을 수 있는 텍스트로 디코딩합니다 — UTF-8을 완벽하게 지원하며 모든 처리가 브라우저 안에서 이루어집니다. 변환하기