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

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

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

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

Machado 등(2009)이 정리한 색각 변환 행렬을 그대로 적용한 근사입니다. 색약은 정도가 사람마다 달라 "이렇게 보인다"를 똑같이 재현할 수는 없지만, 두 색이 서로 구분되는지를 가늠하기에는 충분합니다. 적록색약은 한국 남성의 약 5%로 가장 흔하니 초록·빨강을 나란히 쓰는 배색은 꼭 한 번 확인해 보세요. 흑백에서도 구분된다면 색에만 의존하지 않는 안전한 배색입니다. 미리보기는 화면의 칠만 바꾸며, 복사·저장되는 HEX 값은 항상 원래 색입니다.

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

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