온라인 도구
색상 변환기
HEX · RGB · HSL 색상 변환
HEX, RGB, HSL 등 다양한 색상 코드 형식 간 변환을 지원하는 도구입니다. 색상 피커와 함께 웹 개발, 디자인 작업 시 필요한 색상 코드를 쉽게 변환할 수 있습니다.
색상변환HEXRGB
색상 코드, 형식이 다를 때
디자이너에게 받은 색상은 HEX 코드(#8b5cf6)인데, CSS에서는 RGB로 써야 하거나, 인쇄소에서는 CMYK 값을 요구할 때가 있습니다. 색상 형식을 변환하려면 공식을 알아야 하고 계산도 복잡합니다.
색상 변환기(legogo.kr)는 HEX, RGB, HSL, CMYK 형식 간 상호 변환을 즉시 해주는 무료 도구입니다. 컬러 피커로 직관적으로 색상을 선택하거나 코드를 직접 입력할 수 있고, 보색 및 유사색 조합까지 한 번에 확인할 수 있습니다.
주요 기능
| 기능 | 설명 |
|---|---|
| 색상 형식 변환 | HEX, RGB, HSL, CMYK 간 즉시 상호 변환 |
| 컬러 피커 | 마우스로 색상을 직관적으로 선택 |
| 슬라이더 조절 | RGB, HSL, CMYK 각 값을 슬라이더로 미세 조정 |
| 색상 팔레트 | 선택한 색상의 밝기를 10단계로 조절한 톤 생성 |
| 보색/유사색 | 조화로운 색상 조합을 자동으로 제시 |
| 사용 기록 | 최근 사용한 색상을 로컬 스토리지에 저장 |
| 클립보드 복사 | 각 형식의 색상 코드를 한 클릭으로 복사 |
색상 형식 비교
| 형식 | 표기 예시 | 주요 용도 |
|---|---|---|
| HEX | #8b5cf6 | 웹 개발, CSS |
| RGB | rgb(139, 92, 246) | 웹 개발, 화면 디자인 |
| HSL | hsl(263, 90%, 66%) | 색상 조절이 직관적인 작업 |
| CMYK | cmyk(43, 63, 0, 4) | 인쇄물, 출판 |
사용 방법
- legogo.kr에 접속합니다
- 컬러 피커로 색상을 선택하거나, 아무 형식의 색상 코드를 직접 입력합니다
- 다른 형식의 색상 코드가 자동으로 변환되어 표시됩니다
- 필요한 형식의 복사 버튼을 클릭하여 클립보드에 복사합니다
참고: CMYK 변환은 모니터(RGB 기반)와 인쇄물(CMYK 기반) 간의 색상 차이가 있을 수 있습니다. 정확한 인쇄 색상이 필요하면 인쇄소의 색상 프로파일을 확인하세요.
자주 묻는 질문
HEX와 RGB의 차이는 무엇인가요?
표기법만 다릅니다. HEX는 16진수로, RGB는 10진수(0~255)로 같은 색상을 표현합니다. 웹 개발에서는 두 형식 모두 사용됩니다.
인쇄용으로 CMYK 값이 필요한데 정확한가요?
소프트웨어 변환이므로 참고용입니다. 정확한 인쇄 색상 재현이 필요하면 Pantone이나 인쇄소 전용 프로파일을 사용하는 것이 좋습니다.
보색이란 무엇인가요?
색상환에서 정반대에 위치한 색상입니다. 보색을 함께 사용하면 강한 대비 효과를 줄 수 있어 디자인에서 시선을 끌 때 자주 활용됩니다.
사이트 정보
| 항목 | 내용 |
|---|---|
| 서비스명 | 색상 변환기 |
| 사이트 | legogo.kr |
| 가격 | 무료 |
| 주요 기능 | HEX/RGB/HSL/CMYK 변환, 컬러 피커, 보색/유사색, 팔레트 |
팁: CSS에서 색상 투명도가 필요하면 RGB 값을 사용하세요. rgba(139, 92, 246, 0.5)처럼 투명도를 추가할 수 있습니다. HSL 형식은 밝기와 채도를 직관적으로 조절할 때 편리합니다.
