색상 도구 · 색상 피커와 배색 추천

색을 고르면 HEX, RGB, HSL, HSB(HSV), CMYK 코드를 한눈에 보여주고 클릭으로 복사할 수 있는 색상 피커입니다. 색상환에서 보색·유사·삼각·사각·단색 등 색 조화 규칙을 고르면 어울리는 5색 팔레트를 자동으로 추천합니다. 배경/글자 대비(WCAG) 점수도 함께 확인하고, 마음에 드는 팔레트는 브라우저에 저장할 수 있습니다. 설치 없이 브라우저에서 바로 사용합니다.

색상 도구

색을 고르면 코드 5종을 바로 보여주고, 색상환에서 규칙을 고르면 어울리는 배색을 추천합니다.

HEX

RGB

HSL

HSB (HSV)

CMYK

배색 추천 색상환에서 규칙을 고르면 어울리는 5색이 따라 움직입니다

저장한 팔레트 이 브라우저에만 저장됩니다

아직 저장한 팔레트가 없습니다. 위에서 "이 팔레트 저장"을 눌러보세요.

자주 묻는 질문

HSB와 HSV는 다른 건가요?

같은 값입니다. HSB(Hue·Saturation·Brightness)는 어도비가 쓰는 이름이고 HSV(Value)는 같은 모델의 다른 이름입니다. 이 도구는 둘을 같은 것으로 다룹니다. HSL과는 다릅니다 — HSL의 L(명도)은 50%에서 순색이 되지만, HSB의 B는 100%에서 순색이 됩니다.

배색 규칙(보색·유사 등)은 무엇을 기준으로 하나요?

색상환의 각도(Hue)를 기준으로 합니다. 보색은 기준색 반대편(180°), 유사는 양옆 30°, 삼각(트라이어드)은 120° 간격, 사각(테트라드)은 90° 간격입니다. 단색(모노크로매틱)은 같은 색상에서 채도·명도만 바꿉니다. 어도비 컬러의 규칙과 같은 방식입니다.

대비 점수(WCAG)는 어떻게 읽나요?

두 색의 밝기 비율입니다. 본문 글자는 4.5 이상(AA), 큰 글자·제목은 3.0 이상이면 읽기 편합니다. 7.0 이상이면 AAA로 아주 선명합니다. 팔레트의 첫 색을 배경, 나머지를 글자로 놓고 계산해 보여줍니다.

"화면에서 색 집기"가 안 보여요.

브라우저의 EyeDropper API를 지원할 때만 나타납니다(데스크톱 Chrome·Edge 등). 지원하지 않으면 버튼이 숨겨지고, 대신 HEX 값을 직접 붙여 넣으면 됩니다.

저장한 팔레트는 다른 기기에서도 보이나요?

아니요. 이 사이트는 서버에 데이터를 두지 않습니다. 저장한 팔레트와 마지막 색은 이 브라우저에만 보관되며, 시크릿 창이나 다른 기기에서는 보이지 않습니다.

복사했습니다