색상 변환기

#FF5733과 같은 HEX 색상은 쌍으로 분할하여 RGB로 변환합니다: FF=255(빨강), 57=87(녹색), 33=51(파랑). 각 쌍은 16진수(0-FF)로 10진수 0-255를 나타냅니다. 따라서 #FF5733 = RGB(255, 87, 51)입니다. #F53과 같은 약식 HEX는 각 자릿수를 확장: #FF5533. 이 변환기는 자동으로 계산합니다—아무 형식이나 입력하면 즉시 결과를 얻습니다.

RGB(빨강, 녹색, 파랑)는 빛의 강도를 혼합하여 색상을 정의합니다(각각 0-255). HSL(색상, 채도, 명도)은 더 직관적입니다: 색상은 색상환의 위치(0-360°), 채도는 색상 강도(0-100%), 명도는 밝기(0-100%)입니다. HSL은 조정이 쉽습니다—색을 밝게 하려면 L을 높이면 됩니다. 채도를 낮추려면 S를 줄입니다.

정적 색상에는 HEX(#FF5733)를 사용하세요—간결하고 보편적으로 지원됩니다. 투명도가 필요할 때는 RGB 또는 RGBA를 사용: rgba(255, 87, 51, 0.5)는 50% 투명한 색상을 만듭니다. HSL은 프로그래밍적 색상 조작에 좋습니다—명도나 채도 조정이 간단합니다. 현대 CSS는 세 가지 형식을 모두 동등하게 지원하므로 가독성과 알파 채널 필요 여부에 따라 선택하세요.

보색은 색상환에서 반대쪽에 있어 최대 대비를 만듭니다. HSL에서 색상에 180°를 더하거나 빼면 됩니다. 예를 들어, 색상이 H=30°(주황)이면 보색은 H=210°(파랑)입니다. S와 L은 동일하게 유지합니다. 빨강(#FF0000, H=0°)은 청록색(H=180°)과 보색 관계입니다. 이 변환기는 HSL 값을 표시하여 보색, 삼색 조화(+120°), 분할 보색(+150°/+210°) 계산을 쉽게 합니다.

화면은 색역(표시 가능한 색상 범위), 캘리브레이션, 패널 기술(IPS, OLED, TN)이 다릅니다. #FF5733과 같은 색상은 정확한 디지털 값이지만, 모니터는 색상 프로필과 설정에 따라 다르게 해석합니다. 일관된 색상을 위해 하드웨어 캘리브레이션된 모니터를 사용하고, sRGB 색공간에서 디자인하고, 여러 장치에서 테스트하세요. 인쇄 색상은 CMYK를 사용하는데, RGB보다 색역이 좁습니다.