🎨

색상 코드 변환

HEX, RGB, HSL 및 CMYK 형식 간 색상을 즉시 변환하세요. 아무 필드나 편집하면 나머지가 자동으로 업데이트됩니다.

생성기 도구 로컬에서 실행 데이터 전송 없음
HEX RGB HSL CMYK 변환기 WCAG
색상 선택기
형식
HEX
RGB
HSL
CMYK
흰색 텍스트 검은색 텍스트
#FF5733
가장 가까운 CSS 이름: —
이 색상 위의 흰색 텍스트
—
이 색상 위의 검은색 텍스트
—
색상 형식 정보
  • HEX —웹 / CSS / HTML에서 가장 일반적입니다. 간결한 6자리 16진수 표기법(예: #FF5733).
  • RGB —화면 기반 프로그래밍, CSS 및 canvas API에서 사용됩니다. 각 채널(Red, Green, Blue)은 0-955 범위입니다.
  • HSL —색조, 채도, 명도. 사람에게 더 직관적이어서 색상의 밝기나 톤을 쉽게 조정할 수 있습니다.
  • CMYK —시안, 마젠타, 옐로, 키(검정). 인쇄 디자인 및 전문 출판 워크플로에 사용됩니다.
  • 아무 필드나 편집하면 다른 모든 형식이 자동으로 업데이트됩니다. 단축 형식(255, 87, 51) 및 전체 형식(rgb(255, 87, 51)) 입력을 지원합니다.

색상 변환기란?

HEX, RGB, HSL, CMYK 간에 색상을 즉시 변환합니다. 시각적 피커가 포함되어 있어 필요한 형식을 조정하고 복사할 수 있습니다.

색상 변환기 사용 방법

  1. HEX, RGB, HSL, HSV 또는 지원되는 다른 형식으로 색상을 입력하세요.
  2. 도구에서 값을 다른 색상 형식으로 자동 변환하게 하세요.
  3. 출력이 목표 색상과 정확히 일치할 때까지 모든 필드를 미세 조정하세요.
  4. CSS, 디자인 핸드오프 또는 인쇄 작업에 필요한 형식을 복사하세요.

관련 도구

🎨
색상 선택기
HEX, RGB, HSL, CMYK 간에 색상을 변환하세요
 🎨
색상 팔레트 생성
보색, 유사색, 삼색 팔레트를 생성하세요
 ♿
WCAG 명도 대비 검사
접근성을 위해 WCAG AA 및 AAA 색상 대비율을 확인하세요
색상 형식 이해 ▾
예시
입력 #FF5733
출력 RGB(255, 87, 51), HSL(11, 100%, 60%), CMYK(0, 66, 80, 0)
일반적인 사용 사례
  • 디자인 목업 색상을 CSS에 바로 사용할 수 있는 값으로 변환
  • 프런트엔드 코드용으로 RGB 또는 HSL 색상을 HEX로 변환
  • 인쇄용 CMYK 값을 디지털 색상 형식과 비교
  • 디자인 파일을 전달하기 전에 색상 사양 정규화
자주 묻는 질문
CSS oklch() 및 lab()를 지원하나요?

이 도구는 전통적인 색상 공간 간 변환을 수행합니다. CSS oklch/lab에는 전용 지각 색상 변환기가 필요합니다.

CMYK 변환은 얼마나 정확한가요?

변환은 sRGB →CMYK 공식으로 수행됩니다. 인쇄 제작에는 ICC 프로파일을 인식하는 도구를 사용하세요.

색상 코드 변환 온라인 —HEX, RGB, HSL & OKLCH는 무엇을 하나요?

색상 코드 변환 온라인 —HEX, RGB, HSL & OKLCH는 전적으로 브라우저에서 실행되며, 데이터를 서버에 업로드하지 않고 이 작업을 완료할 수 있습니다.

색상 코드 변환 온라인 — HEX, RGB, HSL & OKLCH는 무료로 사용할 수 있나요?

예. 이 도구는 무료로 사용할 수 있으며 가입이 필요 없습니다.