0

색상 형식 변환기

HEX, RGB, HSL, CMYK 표기법 사이를 넘나들며 바꾸고, 브라우저 안에서 바로 미리보기 색상 견본까지 확인하세요.

🔒 전적으로 귀하의 브라우저에서 처리됩니다. 여기에 입력하는 어떤 것도 업로드되지 않습니다.

처리 중... 0%
색상 값 분석 중
색 공간 변환 중
미리보기 렌더링 중
완료

결과

디자인 워크플로 곳곳은 저마다 다른 색상 언어를 씁니다. CSS는 #rrggbb나 hsl()을 원하고, canvas API는 RGB 채널, 인쇄소는 CMYK 비율, 브랜드 북은 또 다른 표기를 나열합니다. 이 변환기는 한 번의 클릭으로 하나의 값을 그 모든 표기법으로 바꿔 줍니다.

시작할 형식(HEX, RGB, HSL)을 선택하고 값을 붙여 넣으면, HEX, RGB, HSL, CMYK 네 형식으로 한꺼번에 결과를 얻을 수 있고 미리보기 견본으로 의도한 색상이 맞는지 확인할 수 있습니다. 파서는 의도적으로 유연하게 설계되어 #fff, #3b82f6은 물론 rgb(255, 0, 0)나 255, 0, 0, hsl(120, 50%, 50%)나 120, 50, 50까지 모두 이해합니다.

값을 모를 때는 내장 색상 선택기를 이용하세요. 선택한 형식 그대로 입력 칸을 채워 주므로, 색상을 눈으로 고르고 바로 모든 표기법의 코드를 확인할 수 있습니다. CMYK 출력은 표준 변환 공식을 사용하므로 인쇄 준비의 든든한 기준점이 되며, 최종 보정은 인쇄소의 색상 프로파일로 합니다.

모든 연산은 브라우저 안에서만 이루어집니다. 업로드도, 계정도, 제한도 없습니다. 붙여 넣고 변환한 뒤 네 표기법을 버튼 하나로 복사하고 디자인 핸드오프를 이어가세요.