색상 변환기란?
색상 변환기(legogo.kr)는 HEX, RGB, HSL, CMYK 4가지 색상 형식을 자유롭게 변환하는 무료 온라인 도구입니다.
컬러 피커로 색상을 선택하거나 HEX 코드를 직접 입력하면, 나머지 형식의 코드가 자동으로 변환됩니다. 보색과 유사색 표시, 10단계 팔레트 생성, 색상 히스토리 저장까지 제공합니다.
HEX, RGB, HSL, CMYK 형식을 자유롭게 변환하세요. 컬러 피커로 선택하고, 원하는 형식의 코드를 바로 복사할 수 있습니다.
주요 기능
| 기능 | 설명 |
|---|---|
| 컬러 피커 | 마우스로 원하는 색상을 직관적으로 선택 |
| HEX 직접 입력 | 3자리(#FFF), 6자리(#FFFFFF) 모두 지원 |
| 자동 변환 | 색상 선택 즉시 HEX, RGB, HSL, CMYK 4가지 코드 표시 |
| 코드 복사 | 각 형식 옆 복사 버튼으로 클립보드에 즉시 복사 |
| 보색/유사색 | 보색, 유사색 1-2, 삼각형 색상 조화 표시 |
| 팔레트 생성 | 선택한 색상의 HSL 밝기값을 조절한 10단계 톤 생성 |
| 히스토리 저장 | 최근 사용한 색상을 로컬 스토리지에 저장, 재방문 시 유지 |
지원하는 색상 형식
| 형식 | 표기 | 용도 |
|---|---|---|
| HEX | #FFFFFF (16진수) | 웹 디자인, CSS에서 가장 많이 사용 |
| RGB | rgb(255, 255, 255) | 화면 표시, CSS, 프로그래밍 |
| HSL | hsl(0, 0%, 100%) | 색상/채도/밝기 기반, 미세 조정에 유리 |
| CMYK | cmyk(0%, 0%, 0%, 0%) | 인쇄용, 프린터 출력 기준 |
팁: 웹에서 사용할 때는 HEX나 RGB를 권장합니다. 투명도가 필요하면 RGBA나 HSLA를 사용하세요. 인쇄물 작업 시에는 CMYK 값을 확인하세요.
이용 방법
- 색상 선택: legogo.kr에서 컬러 피커를 클릭하거나 HEX 코드를 직접 입력합니다
- 자동 변환: 선택 즉시 HEX, RGB, HSL, CMYK 코드가 자동으로 표시됩니다
- 복사 및 활용: 필요한 형식의 코드를 복사 버튼으로 클립보드에 저장합니다
보색과 유사색
색상을 선택하면 자동으로 조화로운 색상 조합을 보여줍니다.
- 보색: 색상환에서 180도 반대편에 위치한 색상. 강렬한 대비 효과를 줍니다
- 유사색: 색상환에서 30도 인접한 색상. 자연스럽고 조화로운 느낌을 줍니다
- 삼각형 조화: 색상환에서 120도 간격으로 배치된 3가지 색상. 균형 잡힌 다채로운 느낌을 줍니다
참고: 색상 팔레트는 선택한 색상의 HSL 밝기값을 조절하여 10단계 톤을 자동 생성합니다. 디자인 시스템에서 색상 스케일을 만들 때 유용합니다.
이런 분들이 사용합니다
| 대상 | 활용 사례 |
|---|---|
| 웹 디자이너 | HEX/RGB 코드 변환, 색상 팔레트 생성 |
| 프론트엔드 개발자 | CSS 색상 코드 변환 및 복사 |
| UI/UX 디자이너 | HSL 슬라이더로 색상 미세 조정, 보색/유사색 확인 |
| 인쇄 디자이너 | RGB→CMYK 변환으로 인쇄 색상 확인 |
| 일반 사용자 | PPT, 블로그 등에서 색상 코드 필요 시 |
사용자 후기
- 김지현: "웹 디자인 작업할 때 매일 사용해요. HEX에서 RGB 변환이 편리합니다."
- 박성민: "보색과 유사색을 한눈에 볼 수 있어 색상 조합에 도움됩니다."
- 이수진: "인쇄물 작업 시 CMYK 변환이 바로 확인되어 작업 속도가 향상됐어요."
- 최준호: "프론트엔드 개발자인데 CSS 색상 코드 복사가 편합니다."
- 정미영: "색상 히스토리가 로컬에 저장되어 자주 쓰는 색상을 재활용할 수 있어요."
- 한동훈: "UI/UX 디자이너입니다. HSL 슬라이더로 미세 조정이 가능해서 좋아요."
자주 묻는 질문
- HEX, RGB, HSL의 차이점은? HEX는 16진수(#FFFFFF) 표기, RGB는 빨강/초록/파랑 0-255 값, HSL은 색상(0-360도)/채도(0-100%)/밝기(0-100%)로 표현합니다.
- CMYK란 무엇인가요? 인쇄용 색상 모델로 Cyan(청록), Magenta(자홍), Yellow(노랑), Key(검정) 4가지 잉크의 조합으로 색상을 표현합니다.
- 웹에서 어떤 색상 형식을 사용해야 하나요? HEX나 RGB를 권장합니다. 투명도가 필요하면 RGBA나 HSLA를 사용하세요.
- 보색이란? 색상환에서 180도 반대편에 위치한 색상입니다. 강렬한 대비 효과를 줍니다.
- 유사색이란? 색상환에서 30도 인접한 색상입니다. 자연스럽고 조화로운 느낌을 줍니다.
- 히스토리가 저장되나요? 네, 최근 사용한 색상이 브라우저의 로컬 스토리지에 저장되어 다음 방문 시에도 유지됩니다.
- HEX 코드를 직접 입력할 수 있나요? 네, 3자리(#FFF)와 6자리(#FFFFFF) 모두 지원합니다.
- 팔레트 생성은 어떻게 하나요? 색상을 선택하면 HSL 밝기값을 조절한 10단계 톤이 자동으로 생성됩니다.
- RGBA의 A는 무엇인가요? Alpha 채널로 투명도를 표현합니다. 0은 완전 투명, 1은 완전 불투명입니다.
- 모바일에서도 사용 가능한가요? 반응형 디자인으로 모든 기기에서 최적화된 화면으로 이용 가능합니다.
함께 제공되는 유틸리티
legogo.kr에서는 색상 변환기 외에도 35개 이상의 무료 온라인 유틸리티를 제공합니다.
| 분류 | 도구 |
|---|---|
| 디자인 도구 | 컬러 팔레트, 파비콘 생성기, 이미지 리사이저, 이미지 압축 |
| 계산 도구 | 연봉 계산기, BMI 계산기, 대출 계산기, 학점 계산기, 퍼센트 계산기, 비율 계산기, 나이 계산기, D-Day 계산기, 단위 변환기, 진법 변환기 |
| 개발 도구 | JSON 포맷터, 정규식 테스터, Base64 인코더, URL 인코더, 해시 생성기, UUID 생성기, 타임스탬프 변환기 |
| 텍스트 도구 | 글자수 세기, 텍스트 변환기, 모스 부호 변환기, 비밀번호 생성기, 로렘 입숨 생성기 |
| 생성 도구 | QR코드 생성기, 바코드 생성기, 로또 번호 생성기, 랜덤 생성기 |
| 기타 | 타이머, 스톱워치, 내 IP 확인, IP 조회, 화면 크기 |
사이트 정보
| 항목 | 내용 |
|---|---|
| 서비스명 | 색상 변환기 |
| 사이트 | legogo.kr |
| 가격 | 100% 무료 |
| 회원가입 | 불필요 |
| 지원 형식 | HEX, RGB, HSL, CMYK |
| 추가 기능 | 보색/유사색, 팔레트 생성, 히스토리 저장 |
| 지원 환경 | PC, 모바일, 태블릿 (모든 브라우저) |
색상 코드 변환이 필요할 때 색상 변환기(legogo.kr)에서 바로 변환하세요. HEX, RGB, HSL, CMYK를 무료로 자유롭게 변환하고, 보색/유사색까지 한눈에 확인할 수 있습니다.