색상 코드 변환기

HEX, RGB, HSL 간의 색상 변환은 서로 다른 색상 모델 간의 수학적 변환을 포함합니다. HEX 색상은 16진수 표기법(#RRGGBB)을 사용하며, 각 쌍은 00에서 FF(10진수로 0-255) 범위의 색상 채널(빨강, 초록, 파랑)을 나타냅니다. RGB는 동일한 세 채널의 직접적인 수치 표현입니다. HSL(색상, 채도, 밝기)은 원통형 좌표계를 사용합니다. 색상(Hue)은 색상환에서 0-360도의 각도이며, 채도(Saturation)는 색상 순도를 나타내는 백분율이고, 밝기(Lightness)는 색이 얼마나 밝거나 어두운지를 나타냅니다. RGB를 HSL로 변환하려면 최대 및 최소 채널 값을 계산한 다음 채널 차이에서 색상을 도출합니다. 이 도구의 모든 변환은 JavaScript로 구현된 정밀한 수학 공식을 사용하며, 잘못된 결과를 방지하기 위해 입력 값 클램핑을 적용합니다(예: RGB 값은 0-255로, HSL 색상은 0-360으로 제한). 실시간 색상 미리보기는 CSS background-color를 사용하여 즉시 업데이트됩니다.

1. 지원되는 형식으로 색상 값을 입력하세요: HEX (#ff6600), RGB (255, 102, 0), 또는 HSL (24, 100%, 50%). 2. 도구가 즉시 다른 모든 형식으로 변환합니다. 3. 실시간 색상 미리보기에서 선택한 색상을 확인할 수 있습니다. 4. 출력 값을 클릭하면 클립보드에 복사됩니다. 5. 입력 필드를 사용하여 개별 채널 값을 조정하세요. 팁: HEX 단축 표기법(예: #f60)은 자동으로 전체 형식(#ff6600)으로 확장됩니다.

HEX: 웹 개발에서 가장 일반적인 형식입니다. CSS, 디자인 도구, 브랜드 가이드라인에서 사용됩니다. 각 채널은 00(없음)에서 FF(최대 강도)까지 범위를 가집니다. RGB: 빨강, 초록, 파랑 빛을 결합하는 가산 색상 모델입니다. (0,0,0)은 검정, (255,255,255)은 흰색입니다. 디지털 디스플레이와 CSS rgb() 함수에서 사용됩니다. HSL: 디자이너에게 더 직관적인 모델입니다. 색상(Hue)은 색상환에서 기본 색을 선택하고, 채도(Saturation)는 선명도를 제어하며(0% = 회색), 밝기(Lightness)는 밝기를 제어합니다(0% = 검정, 100% = 흰색). CSS는 hsl() 함수를 기본적으로 지원합니다.