Color Converter

이 도구 소개

HEX — CSS와 디자인 도구에서 널리 사용되는 6자리 16진수. RGB — 화면 기본 형식인 0~255 사이의 빨강, 초록, 파랑 값. HSL — 색조(0~360°), 채도(0~100%), 명도(0~100%); 색상 조정에 더 직관적. CMYK — 인쇄 디자인에 사용되는 시안, 마젠타, 노랑, 키(검정) 비율.

편집 가능한 필드에 직접 값을 입력하고 Enter를 누르거나 클릭을 벗어나면 변환됩니다. 컬러 피커나 프리셋 스와치를 빠른 선택에 활용하세요.

사용 방법

1. 컬러 피커를 클릭하거나 프리셋 스와치를 클릭하여 시작 색상을 선택합니다.
2. HEX, RGB 또는 HSL 필드에 값을 입력하고 Enter를 눌러 변환합니다.
3. 원하는 형식 옆의 복사를 클릭하여 해당 값을 클립보드에 복사합니다.

활용 사례

프론트엔드 개발자는 디자인 도구의 색상(주로 HEX)을 CSS 변수로 변환합니다. 인쇄 디자이너는 화면 색상을 CMYK로 변환합니다. 브랜드 가이드라인은 보통 여러 형식으로 색상을 지정합니다.

자주 묻는 질문

• CMYK에는 왜 입력 필드가 없나요? — CMYK는 인쇄용 감산 색상 모델입니다. CMYK를 RGB/HEX로 다시 변환하면 색 영역 차이로 손실이 발생하므로 RGB→CMYK 변환만 표시됩니다.
• HSL 값은 반올림되나요? — 네, HSL 값은 표시를 위해 가장 가까운 정수로 반올림됩니다. 반올림으로 인해 다시 RGB로 변환할 때 약간의 차이가 생길 수 있습니다.
• HSL과 HSV/HSB의 차이는 무엇인가요? — HSL은 밝기를 사용합니다(0% = 검정, 100% = 흰색, 50% = 순수한 색). HSV/HSB는 명도를 사용합니다(0% = 검정, 100% = 최대 강도 색). 이 도구는 HSL을 사용합니다.