색상 변환기

색상 선택

HEX

RGB (0–255)

CMYK (0–100%)

CMYK 값은 색 프로필(ICC) 없이 표준 공식으로 계산한 근사값입니다.

복사하기 좋은 형식

HEX
RGB
CMYK
HSL

색상 대비 검사

글자색과 배경색의 명도 대비를 WCAG 2.x 기준으로 재고, 팔레트의 모든 조합을 한 표로 봅니다. 본문 글자는 4.5 : 1 이상이 기준입니다.

글자색

배경색

큰 글자 샘플 (18pt 이상)

일반 글자 샘플입니다. 본문 크기에서 읽히는지 확인하세요.

대비 비율

팔레트 조합표

색을 줄바꿈·쉼표로 나눠 적으면(최대 12색) 글자색과 배경색으로 쓸 수 있는 모든 조합의 대비를 표로 보여 줍니다. 칸을 누르면 위 검사기로 가져갑니다.

팔레트 색 목록

WCAG 2.x 상대 명도 기준입니다. 글자 굵기·크기·주변 색에 따른 실제 가독성까지 보장하지는 않으며, 비율은 소수 둘째 자리에서 내림해 보여 줍니다(4.499 를 4.50 으로 올려 통과처럼 보이지 않게). 입력한 색은 서버로 전송되지 않습니다.

색 조화 팔레트·색 단계

기준색 하나로 어울리는 색 후보와 50~950 단계를 만들고 CSS·Tailwind 코드로 복사합니다. 견본을 누르면 HEX 가 복사되고, 글자를 올릴 때의 대비도 함께 보여 줍니다.

기준색

조화 방식

어울리는 색

색상환에서 각도만 돌리고 채도·밝기는 그대로 둡니다. 출발점으로 쓰고 눈으로 다듬으세요.

50~950 단계

500 이 기준색이고 밝은 쪽은 흰색을, 어두운 쪽은 검정을 섞습니다. 기준색이 중간 밝기일 때 가장 고릅니다. Tailwind 공식 팔레트와는 값이 다릅니다.

색 이름

출력 모양

복사용 코드

RGB 와 CMYK 의 차이

구분	RGB	CMYK
방식	빛을 더하는 가산혼합	잉크를 겹치는 감산혼합
쓰임	모니터·휴대폰·웹	인쇄물·명함·포스터
기본색	빨강·초록·파랑	청록·자홍·노랑·검정
표현 범위	넓다(밝고 선명한 색 가능)	좁다(형광·아주 선명한 색은 불가)

변환 공식

K = 1 − max(R′, G′, B′), C = (1 − R′ − K) ÷ (1 − K), M = (1 − G′ − K) ÷ (1 − K), Y = (1 − B′ − K) ÷ (1 − K) (R′ = R ÷ 255). 역변환은 R = 255 × (1 − C) × (1 − K) 입니다.

인쇄하면 색이 달라 보이는 이유

모니터는 스스로 빛을 내지만 인쇄물은 종이가 반사한 빛을 봅니다. 또 CMYK 로 표현할 수 있는 색 범위가 RGB 보다 좁아, 화면의 선명한 파랑·초록은 인쇄에서 탁해집니다. 중요한 인쇄물은 인쇄소가 요구하는 색 프로필로 변환해 시안을 확인하세요.

검정색 사용 권장

본문 글자는 C0 M0 Y0 K100 처럼 K 만 쓰는 것이 좋습니다. 네 잉크를 모두 섞은 검정은 인쇄 때 글자 가장자리가 번집니다.

자주 묻는 질문

변환 결과가 인쇄소 색과 다른 이유는?

이 도구는 프로필 없는 표준 공식이라 근사값입니다. 정확한 인쇄색은 인쇄소의 ICC 프로필로 확인하세요.

입력한 색이 서버에 저장되나요?

아닙니다. 계산은 모두 브라우저에서 이루어지며 어디로도 전송되지 않습니다.

HEX 를 3자리로 써도 되나요?

네. #F00 은 #FF0000 으로 해석됩니다.