웹 개발과 디자인에서 자주 사용하는 HEX, RGB, HSL 색상 코드를 자유롭게 변환할 수 있는 도구입니다. 어떤 형식으로 입력하든 나머지 형식으로 자동 변환되며, 실시간 색상 미리보기와 복사 기능을 제공합니다.
색상 코드 체계란?
웹과 디자인에서 색상을 표현하는 방법은 여러 가지가 있습니다. HEX는 16진수 6자리로 색상을 나타내며 CSS에서 가장 널리 쓰입니다. RGB는 빨강(Red), 초록(Green), 파랑(Blue) 세 채널의 밝기를 0~255 범위로 지정합니다. HSL은 색상(Hue), 채도(Saturation), 명도(Lightness)로 표현하여 사람의 직관에 가까운 방식입니다. 세 형식은 모두 동일한 색상을 나타낼 수 있으며 상호 변환이 가능합니다.
자주 묻는 질문 (FAQ)
Q. HEX와 RGB의 차이점은 무엇인가요?
HEX는 16진수로 색상을 표현하고(예: #FF5733), RGB는 10진수 세 값으로 표현합니다(예: rgb(255, 87, 51)). 두 방식 모두 동일한 색상 공간을 사용하므로 표현할 수 있는 색상은 같습니다. HEX는 CSS에서 간결하게 쓸 수 있고, RGB는 투명도(alpha)를 추가한 RGBA 확장이 가능하여 반투명 효과에 유리합니다.
Q. 웹 안전 색상(Web Safe Colors)이란 무엇인가요?
웹 안전 색상은 과거 256색 디스플레이 환경에서 모든 브라우저와 OS가 동일하게 표시할 수 있도록 정해진 216가지 색상입니다. RGB 각 채널 값이 0, 51, 102, 153, 204, 255(HEX로 00, 33, 66, 99, CC, FF)의 조합으로 이루어집니다. 현대 디스플레이는 1,670만 색 이상을 지원하므로 웹 안전 색상의 실질적 제약은 사라졌지만, 호환성이 극도로 중요한 환경에서 여전히 참고됩니다.