HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV, HWB, CMYK, LCH, LAB, CIE-XYZ 등 12가지 색상 형식 변환을 지원하는 온라인 컬러 팔레트 도구입니다. 색상 선택기, 모든 모듈의 실시간 변환, 127가지 표준 이름 색상(서로 다른 색상값 125개) 참조 테이블을 갖추고 있습니다. 데이터 업로드 제로 - 모든 처리는 브라우저에서 로컬로 이루어집니다.
사용 방법
색을 고르거나 값을 입력하기
피커로 눈으로 보며 색을 고르거나, 출발점이 되는 HEX·RGB·CMYK·XYZ·ARGB를 이미 안다면 변환 입력란에 바로 넣으세요.
열두 가지 출력 형식 읽기
변경할 때마다 모든 형식이 다시 계산됩니다 — HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV, HWB, CMYK, LCH, LAB, XYZ.
필요한 형식 복사하기
줄마다 복사 버튼이 따로 있어, 손으로 고치지 않고 한 가지 표기만 가져갈 수 있습니다.
색상 선택기
SketchPicker를 사용하여 시각적으로 원하는 색상을 선택하고, 12가지 색상 형식으로 즉시 표현을 확인하세요. 원하는 형식 값을 클릭하면 클립보드에 복사됩니다.
모든 색상 형식에 대한 실시간 미리보기
모든 색상 형식 값을 원클릭 복사
웹 및 인쇄 색상 공간 모두 지원
12가지 색상 형식 변환
웹 중심 HEX 및 RGB, 사용자 친화적인 HSL 및 HSV, 인쇄용 CMYK, 장치 독립적인 LAB 및 LCH, 과학적 CIE-XYZ 등 12가지 업계 표준 색상 형식 간 변환을 지원합니다. 각 변환은 입력 시 실시간으로 업데이트됩니다.
HEX / HEXA
RGB / RGBA
HSL / HSLA
HSV / HSB
HWB
CMYK
LCH / LAB
CIE-XYZ
12가지 실시간 형식 변환
변환된 값을 원클릭 복사
각 결과에 대한 시각적 색상 견본 미리보기
입력 시 모든 변환이 자동 업데이트, 버튼 불필요
7가지 전용 변환 모듈
각 색상 공간 쌍에는 입력 필드와 실시간 출력이 있는 전용 모듈이 있습니다. 데스크톱 사용자는 효율적인 병렬 작업을 위해 2열 그리드 레이아웃을 볼 수 있습니다.
CIE-XYZ → RGB
RGB → HEX
HEX → RGB
ARGB → HEX
HEX → ARGB
CMYK → RGB
RGB → CMYK
입력 시 실시간 결과
시각적 피드백이 포함된 원클릭 복사
색상 참조 테이블
HEX 및 RGB 값이 포함된 127가지 표준 CSS 색상 이름을 살펴보세요 — 서로 다른 색상값은 모두 125개입니다(Aqua와 Cyan은 둘 다 #00FFFF, Fuchsia와 Magenta는 둘 다 #FF00FF). 원하는 값을 클릭하면 즉시 복사됩니다. 고정 헤더가 있는 스크롤 가능한 레이아웃으로 쉽게 참조할 수 있습니다.
컬러 팔레트 도구의 혜택을 받는 사람은?
당사의 색상 변환기는 다양한 산업의 전문가에게 유용합니다:
CSS 개발을 위해 HEX, RGB, HSL 간 변환하는 웹 디자이너
디지털 미리보기를 위해 CMYK에서 RGB로 변환하는 인쇄 디자이너
LAB 및 XYZ 색상 공간에서 색상을 표준화하는 데이터 시각화 엔지니어
자주 묻는 질문
- 참조 표에는 색이 몇 개 있나요?
- 127개 항목이며 그중 125개가 서로 다른 색입니다. 두 쌍이 같은 값을 씁니다 — Aqua와 Cyan은 둘 다 #00FFFF이고, Fuchsia와 Magenta는 둘 다 #FF00FF입니다. 이전 버전의 이 페이지는 147이라고 적었는데 이는 틀렸습니다.
- HEXA, RGBA, HSLA 줄이 항상 완전 불투명인 이유는 무엇인가요?
- 이 페이지에는 투명도 입력이 없기 때문입니다. 그 세 값은 alpha를 255(CSS 표기로는 1)로 고정해 씁니다 — 피커는 빨강·초록·파랑 성분만 만들어내므로, 여기서 조절할 수 있는 무엇도 표시되는 투명도를 바꾸지 않습니다.
- HSV, CMYK, XYZ 줄을 CSS 색으로 쓸 수 있나요?
- 아니요. CSS에서 유효한 색 표기는 HEX, RGB, HSL과 그 alpha 변형, 그리고 LAB과 LCH뿐입니다. HSV, HWB, CMYK, XYZ는 읽기 쉽도록 함수와 비슷한 모양으로 출력하지만, 브라우저는 스타일시트에서 그대로 받아들이지 않습니다. 참고용으로 쓰고 CSS에 붙이기 전에 변환하세요.
- 서버로 무엇인가 전송되나요?
- 아니요. 피커와 변환, 참조 표가 모두 브라우저에서 실행됩니다. 입력하거나 선택한 어떤 것도 전송되거나 저장되지 않습니다.