🎨 색상 변환기

HEX, RGB, HSL, HSV, CMYK 간 상호 변환 및 색상 분석

클릭하여 HEX 복사
색상 선택
R225
G29
B72
변환 결과 (클릭하여 복사)

📖 사용방법

  1. 변환할 색상 코드를 HEX, RGB, HSL, CMYK 중 하나로 입력합니다.
  2. 모든 형식으로 자동 변환되어 표시됩니다.
  3. 색상 미리보기로 실제 색상을 확인합니다.
  4. 각 형식의 복사 버튼으로 코드를 클립보드에 저장합니다.

🎨 색상 변환기 실제 사용 예시

입력
HEX #4F46E5
예상 결과
RGB 79, 70, 229와 대응 HSL 값 표시
확인 사항
알파값이 있는 8자리 HEX인지 구분

처리 방식

색상 값과 선택한 이미지는 현재 브라우저의 Canvas·색상 계산 기능으로 처리합니다.

🎨 색상 변환기 사용 가이드

HEX, RGB, HSL, CMYK 색상 코드를 상호 변환합니다. 색상 코드를 입력하면 모든 형식으로 즉시 변환됩니다.

권장 사용 순서

  1. 웹 디자인에 사용할 색이라면 배경색과 글자색을 함께 정하고 HEX, RGB, HSL 값을 디자인 시스템에 기록하세요.

결과 확인 방법

밝은 화면과 어두운 화면, 모바일 기기에서도 확인하고 글자색은 WCAG 대비 결과까지 함께 점검하세요.

처리 범위와 제한사항

모니터, 브라우저와 색상 프로필에 따라 실제 표시색이 달라질 수 있습니다. 인쇄물은 별도의 CMYK 교정 과정이 필요합니다.

기능 및 설명 검토: FreeTools 운영팀 · 2026-07-31

관련 도구

🖌️팔레트 생성기🌈CSS 그라디언트🎨색상 선택기🔍색상 대비 검사🌑Box Shadow