변환 도구
HEX, RGB, HSL, HSV, CMYK 변환하기
브라우저에서 HEX, RGB, HSL, HSV/HSB, CMYK를 변환하세요. 컬러 피커, 코드 복사, WCAG 색상 대비 검사를 한 페이지에서 사용합니다. 업로드하지 않습니다.
색상 코드를 붙이거나 피커로 고르면 HEX, RGB, HSL, HSV, CMYK가 함께 바뀝니다. 대비 검사는 불투명 배경 기준 WCAG 비율입니다.
- 로컬 실행
- 업로드 없음
- 즉시
- 무료
RGBA, HSLA, 8자리 HEX는 알파를 유지합니다. HSV와 CMYK 문자열에는 알파가 없으므로 따로 표시합니다.
HSV와 HSB는 같은 모델입니다. V와 B 모두 명도를 뜻합니다.
여기 CMYK는 화면 RGB 기준 수학적 근사입니다. 인쇄용 ICC 프로파일 변환이 아닙니다.
WCAG 대비
전경에 알파가 있으면 불투명 배경 위에 합성한 색으로 계산합니다. 이 버전은 배경 알파를 쓰지 않습니다. 대비만으로 웹 접근성 전체를 보장하지는 않습니다.
| 항목 | 결과 |
|---|---|
| AA 일반 텍스트 | |
| AA 큰 텍스트 | |
| AAA 일반 텍스트 | |
| AAA 큰 텍스트 |
일반 텍스트 샘플
큰 텍스트 샘플
색상 변환과 대비 검사는 브라우저에서 실행되며 값을 업로드하지 않습니다.
사용 방법
- 01 HEX, RGB, HSL, HSV, CMYK 값을 붙이거나 피커를 사용하세요.
- 02 변환된 코드를 확인하고 필요한 값을 복사하세요.
- 03 텍스트용 색이면 불투명 배경과 대비를 확인하세요.
NEXNARA를 쓰는 이유
-
비공개
데이터는 브라우저에만 머뭅니다.
-
즉시
결과가 바로 나타납니다.
-
업로드 없음
NEXNARA 서버로 아무것도 보내지 않습니다.
-
어디서나
설치가 필요 없습니다.
자세히 알아보기
색상 변환 도구란?
한 가지 표기를 다른 표기로 바꿉니다. CSS용 HEX, 디자인 도구용 RGB, 조절용 HSL, 피커용 HSV, 간단한 CMYK 근사를 복사할 수 있습니다. 계산은 브라우저에서만 이뤄집니다.
HEX란?
HEX는 빨강·초록·파랑을 #FF0000처럼 16진수 쌍으로 적습니다. 짧은 #RGB는 각 자리를 두 배로 늘립니다. 8자리 #RRGGBBAA는 알파입니다. 여기서 #는 생략해도 됩니다.
RGB란?
RGB는 빨강·초록·파랑을 0–255로 섞습니다. RGBA는 0–1 알파를 더합니다. 화면 색의 기준이라 다른 변환의 중심 형식입니다.
HSL이란?
HSL은 색상(0–360), 채도(0–100%), 명도(0–100%)입니다. 360도는 0도와 같습니다. HSLA는 알파를 더합니다. RGB 숫자를 몰라도 밝기나 채도를 조절할 때 씁니다.
HSV / HSB란?
HSV(또는 HSB)는 색상, 채도, 명도/밝기입니다. HSL과 다릅니다. 가장 밝은 빨강은 hsv(0, 100%, 100%)이고 hsl(0, 100%, 50%)입니다. 이 도구는 HSV와 HSB를 같은 모델로 다룹니다.
CMYK란?
CMYK는 시안·마젠타·노랑·검정이며 각 0–100%입니다. 인쇄에서 씁니다. 여기 변환은 화면 RGB의 수학적 근사이며 ICC 인쇄 프로파일이 아닙니다.
RGB와 CMYK
RGB는 화면의 가산 혼합이고 CMYK는 종이 위 감산 혼합입니다. 같은 숫자가 인쇄 스와치와 항상 같지는 않습니다. 최종 인쇄용이 아니라 대략적인 참고용입니다.
알파란?
알파는 불투명도입니다. 1은 불투명, 0은 완전 투명입니다. 8자리 HEX, RGBA, HSLA가 저장합니다. 이 페이지의 HSV·CMYK 출력에는 알파가 없어 별도 칸에 보여 줍니다.
WCAG 대비율이란?
WCAG 대비는 글과 배경의 상대 휘도를 비교합니다. 보통 AA 일반 텍스트 4.5:1, AA 큰 텍스트 3:1, AAA 일반 7:1, AAA 큰 텍스트 4.5:1입니다. 글자 크기·두께 등 다른 접근성 항목은 다루지 않습니다.
색상은 어떻게 변환하나요?
HEX, RGB, HSL, HSV, CMYK 중 하나를 고른 뒤 값을 붙이거나 피커를 움직이세요. 입력하는 동안 변환됩니다. 결과는 복사할 수 있습니다. 대비는 불투명 배경을 두고 각 WCAG 행의 PASS/FAIL을 보면 됩니다.
개인정보
값은 NEXNARA나 외부 색상 API로 보내지지 않습니다. 이 도구를 위해 쿠키나 로컬 저장소에 저장하지 않습니다.
자주 묻는 질문
HEX를 RGB로 어떻게 바꾸나요?
#FF0000 같은 HEX를 붙이거나 색을 고르면 RGB가 rgb(255, 0, 0)으로 나타납니다.
RGB를 HEX로 어떻게 바꾸나요?
RGB를 고르고 rgb(255, 0, 0) 또는 R, G, B 칸을 입력하면 HEX가 #FF0000으로 바뀝니다.
HSL과 HSV의 차이는 무엇인가요?
둘 다 색상과 채도를 쓰지만 HSL의 세 번째 값은 명도이고 HSV는 밝기(value)입니다. 가장 밝은 빨강은 HSL에서 명도 50%, HSV에서 value 100%입니다.
HSV와 HSB는 같나요?
같습니다. HSB의 B(밝기)가 HSV의 V(value)입니다. hsv()와 hsb()를 모두 받습니다.
RGB를 CMYK로 바꿀 수 있나요?
화면 RGB 기준 근사로는 가능합니다. 모든 프린터 프로파일과 같지는 않습니다.
인쇄 CMYK가 다르게 보이는 이유는?
종이, 잉크, ICC 프로파일이 결과를 바꿉니다. 이 페이지는 인쇄기를 시뮬레이션하지 않습니다.
8자리 HEX는 무엇인가요?
마지막 두 자리가 알파입니다. #FF000080은 약 50% 불투명의 빨강입니다.
대비율은 얼마나 필요하나요?
WCAG AA 일반 텍스트는 4.5:1, 큰 텍스트는 3:1, AAA 일반은 7:1입니다. 이 도구는 이 네 가지만 표시합니다.
변환이 로컬에서 이뤄지나요?
네. 브라우저에서만 실행됩니다. 서버와 외부 API가 없습니다.
HEX를 HSL로 어떻게 바꾸나요?
HEX를 붙이면 HSL 칸을 읽거나, HSL에서 시작해 HEX를 복사하면 됩니다. 색상 360은 0과 같습니다.