색상 변환

HEX·RGB·HSL·CMYK · 화면에서 색 집기 · 대비비·팔레트

색상 변환

HEX·RGB·HSL·CMYK 를 서로 변환하고, 대비비(가독성)와 조화 팔레트를 함께 봅니다

HEX#5865F2복사
RGBrgb(88, 101, 242)복사
HSLhsl(235, 86%, 65%)복사
CMYKcmyk(64%, 58%, 0%, 5%)복사
CSS 변수--color: #5865f2;복사
Android0xFF5865F2복사
흰 글자 4.61 : 1
AA (본문 OK)
검은 글자 4.56 : 1
AA (본문 OK)

HEX·RGB·HSL·CMYK 를 서로 변환하고, 흰 글자·검은 글자의 WCAG 대비비를 계산해 가독성을 판정합니다. 보색·삼색 조화 팔레트와 밝기 단계도 함께 만듭니다.

이렇게도 부른다 — color · convert

쓰는 법

  1. 색 선택 또는 HEX 입력
  2. 표기 줄 클릭 — 클립보드 복사
  3. 대비비로 흰 글자·검은 글자 판정
  4. 팔레트·밝기 단계 클릭으로 이동

다른 곳과 뭐가 다른가

  • **화면 어디서든 색을 집을 수 있습니다**(지원 브라우저). 캡처해서 그림 도구로 열 필요가 없습니다 — 안 되는 브라우저에서는 단추를 아예 보이지 않습니다.
  • 표기를 바꿔도 색이 흐르지 않습니다. 내부 기준을 하나로 두고 표기만 바꾸기 때문입니다(반올림 왕복에서 색이 어긋나는 흔한 문제).
  • 대비비(WCAG)와 조화 팔레트, 밝기 단계를 같은 화면에서 봅니다.

자주 묻는 질문

대비비 4.5:1 은 무슨 뜻인가요?
WCAG 접근성 기준이 본문 글자에 요구하는 최소 대비입니다. 4.5 이상이면 AA, 7 이상이면 AAA 를 만족하고, 18pt 이상 큰 글자는 3:1 이면 통과합니다.
CMYK 값이 인쇄소 값과 다릅니다.
화면(RGB)과 인쇄(CMYK)는 표현 범위가 달라 정확한 변환에 색 프로파일이 필요합니다. 여기 값은 프로파일 없는 근사치이므로 인쇄 교정에는 전문 도구를 쓰세요.
조화 팔레트는 어떻게 만드나요?
HSL 색상환에서 각도를 돌려 만듭니다. 보색은 180°, 삼색은 120°·240°, 유사색은 ±30° 입니다.

다른 도구

기기 안에서만 넣은 내용은 브라우저 안에서만 처리되며 어디에도 저장·전송되지 않습니다.

도구 전체 목록 · KarmoLab · 만든 사람 · AI 와 함께 만들었습니다. 소스 보기