정보 문서

컴퓨터 활용에 유용한 팁과 정보를 공유합니다

▣ 마크 다운(Markdown) 문서(Mermaid 포함) 지원합니다.
글보기
제목색상 변환기 사용법 — HEX·RGB·HSL·CMYK 색상코드 변환2026-06-03 18:05
카테고리웰컴스 Tools 설명서
작성자
## 이런 경험 없으세요?

디자인하다가 HEX 코드를 RGB로 바꿔야 하는데 계산이 복잡하죠. 웹에서 쓰는 색상과 인쇄용 색상이 달라서 헷갈리고, 피그마나 포토샵에서 색상 코드만 다르게 표시되서 당황한 적도 있고요.

> 💡 **이럴 때 Well-Color(웰 컬러)가 딱이에요.** 색상을 선택하면 HEX, RGB, HSL, CMYK 값을 한 번에 보여줘요.

## Well COLOR가 뭐예요?

웰컴스 색상 변환기는 **모든 색상 형식을 서로 변환**해주는 무료 도구예요. 색상을 선택하거나 코드를 입력하면 즉시 모든 형식으로 변환돼요.

👉 **Well COLOR 바로 사용하기 →** /color-converter/

![색상 변환기 메인 화면](/wp-content/uploads/well-tools-guide/color-메인화면.png "색상을 선택하면 모든 형식으로 변환돼요")

## 1. 지원 색상 형식

| 형식 | 예시 | 주요 용도 |
|------|------|----------|
| **HEX** | #3B82F6 | 웹 CSS, HTML |
| **RGB** | rgb(59, 130, 246) | 웹, 이미지 편집 |
| **HSL** | hsl(217, 91%, 60%) | CSS3, 디자인 |
| **CMYK** | cmyk(76, 47, 0, 4) | 인쇄 |
| **HSV/HSB** | hsv(217, 76%, 96%) | 이미지 처리 |

## 2. 사용법

1. **색상 선택기**에서 원하는 색상을 골라요
2. 또는 아무 형식의 코드를 직접 입력해요
3. 다른 모든 형식으로 **즉시 변환** 결과가 표시돼요!
4. 원하는 값을 **클릭하면 복사**

## 3. 활용 시나리오

### 웹 개발
CSS에서 `color: #3B82F6;` 으로 쓸 색상을 피그마에서 RGB로 받았을 때 변환

### 인쇄 디자인
웹에서 쓰는 RGB 색상을 인쇄용 CMYK로 변환

### 색상 팔레트
비슷한 색상의 HSL 값을 조절해서 일관된 팔레트 만들기

## 4. 자주 묻는 질문 (FAQ)

**Q: HEX와 RGB의 차이가 뭐예요?**
A: 같은 색상을 다른 방식으로 표현한 거예요. HEX는 16진수, RGB는 10진수예요.

**Q: CMYK로 변환하면 색이 달라지나요?**
A: 모니터(RGB)와 인쇄(CMYK)의 색 영역이 달라서 약간의 차이가 있을 수 있어요.

## 5. 관련 도구

- **[Well-Pic (이미지 편집)](https://www.wellcoms.co.kr/wellpic/)** — 이미지에서 색상 추출
- **[Well-Editor (마크다운 편집기)](https://www.wellcoms.co.kr/markdown-editor/)** — 코드에서 색상 코드 사용
- **[Well-QR (QR코드)](https://www.wellcoms.co.kr/qr-code/)** — QR코드 색상 커스터마이징

---

*색상 코드 변환이 필요할 때마다 검색하고 계세요?*
👉 **지금 바로 Well COLOR에서 색상을 변환하세요 →** /color-converter/
댓글
자동등록방지
(자동등록방지 숫자를 입력해 주세요)