컬러 피커와 색상 변환기

색을 고르거나 HEX, RGB, HSL 또는 영어 이름으로 입력하면 모든 형식이 바로 나타나 복사할 수 있고, 흰색과 검은색 글자와의 대비도 확인할 수 있어요. 모두 브라우저에서 처리돼요.

입력한 내용은 기기 밖으로 나가지 않아요. 모든 계산은 브라우저에서 이뤄집니다.

형식

HEX
RGB
HSL
CMYK

글자 대비 (WCAG)

이 색 위의 흰색 글자
이 색 위의 검은색 글자

색상을 변환하는 방법

  1. 색 사각형, 색상 막대 또는 팔레트를 눌러 색을 고르거나 입력 칸에 직접 입력하세요.
  2. HEX(#1e90ff), rgb(), hsl() 또는 영어 이름으로 입력할 수 있어요.
  3. 미리보기에서 색을 확인하고 해당하는 HEX, RGB, HSL, CMYK 값을 확인하세요.
  4. 필요한 형식을 복사하고 흰색 또는 검은색 글자와의 대비를 확인하세요.

어디에 쓰나요?

디자이너와 개발자는 팔레트의 HEX, 스타일시트의 rgb(), 더 밝거나 어두운 변형을 만들 HSL처럼 색을 한 형식에서 다른 형식으로 자주 바꿔요. 이 도구는 한 번에 변환해 줘요.

또한 WCAG 접근성 지침에 따라 그 색과 흰색 글자, 검은색 글자의 대비를 계산해요. 일반 글자 기준으로 AA 등급은 4.5:1, AAA 등급은 7:1이에요.

CMYK는 단순 변환이라 참고용으로 좋아요. 전문 인쇄에는 디자인 소프트웨어의 색상 프로필을 사용하세요.

알아 두세요

자주 묻는 질문

HEX를 RGB로 변환하려면 어떻게 하나요?

HEX(예: #1e90ff)를 입력하면 해당하는 rgb()와 HSL, CMYK가 바로 나타나요.

WCAG 대비란 무엇인가요?

배경 위에서 글자가 얼마나 잘 읽히는지 나타내는 값이에요. 일반 글자 기준으로 4.5:1이면 AA 등급, 7:1이면 AAA 등급이에요.

투명도가 있는 색도 지원하나요?

네, #rrggbbaa, rgba(), hsla()를 입력하면 투명도도 함께 표시돼요.

서버로 전송되는 정보가 있나요?

아니요. 모든 계산은 브라우저에서 이뤄져요.

무료인가요?

네, 무료예요. 가입 없이 브라우저에서 바로 쓸 수 있어요.