색상 변환기

색상 변환기는 HEX, RGB, HSL, RGBA, HSLA, HEX8 등 웹 개발과 디자인에서 쓰이는 주요 색상 형식을 실시간으로 상호 변환해주는 도구입니다. 디자이너가 Figma에서 뽑은 HEX 색상을 CSS의 HSL로 바꿔야 하거나, 개발자가 JavaScript에서 계산한 RGB 값을 HEX로 변환해야 할 때 매번 공식을 외울 필요 없이 한 번에 처리할 수 있습니다. 색상 하나를 입력하면 6가지 형식 변환값이 동시에 표시되고, 보색/명도/채도 변형까지 제안해주어 색상 팔레트를 구성할 때도 유용합니다.

작동 원리

색상 변환기는 입력된 색상 값을 파싱한 후 내부적으로 RGB 색공간으로 통일합니다. RGB 값을 기반으로 수학적 공식을 적용하여 HSL, HSV, CMYK 등 다른 색공간으로 변환합니다. 예를 들어 HEX #FF6B35를 입력하면, 먼저 16진수를 R=255, G=107, B=53으로 분리하고, HSL 변환 공식을 적용하여 H=16°, S=100%, L=60%를 계산합니다. CMYK 변환은 RGB 값을 0~1 범위로 정규화한 뒤 K=1-max(R,G,B), C=(1-R-K)/(1-K) 공식으로 산출합니다.

관련 도구

• HTML 엔티티 - HTML 특수문자 인코딩/디코딩
• Cron 표현식 생성기 - Cron 스케줄 표현식 생성
• 대소문자 변환 - camelCase, snake_case 등 변환
• PDF 페이지 회전 - PDF 페이지를 회전
• 나이 계산기 - 만 나이 및 한국 나이 계산

관련 가이드

• 웹 디자인을 위한 색상 이론 가이드