색상을 변환하는 방법
- 색 사각형, 색상 막대 또는 팔레트를 눌러 색을 고르거나 입력 칸에 직접 입력하세요.
- HEX(#1e90ff), rgb(), hsl() 또는 영어 이름으로 입력할 수 있어요.
- 미리보기에서 색을 확인하고 해당하는 HEX, RGB, HSL, CMYK 값을 확인하세요.
- 필요한 형식을 복사하고 흰색 또는 검은색 글자와의 대비를 확인하세요.
어디에 쓰나요?
디자이너와 개발자는 팔레트의 HEX, 스타일시트의 rgb(), 더 밝거나 어두운 변형을 만들 HSL처럼 색을 한 형식에서 다른 형식으로 자주 바꿔요. 이 도구는 한 번에 변환해 줘요.
또한 WCAG 접근성 지침에 따라 그 색과 흰색 글자, 검은색 글자의 대비를 계산해요. 일반 글자 기준으로 AA 등급은 4.5:1, AAA 등급은 7:1이에요.
CMYK는 단순 변환이라 참고용으로 좋아요. 전문 인쇄에는 디자인 소프트웨어의 색상 프로필을 사용하세요.
알아 두세요
- CMYK는 색상 프로필 없이 표준 공식으로 RGB에서 계산하므로 실제 인쇄 결과와 다를 수 있어요.
- 색 이름은 영어로만 쓸 수 있어요(red, tomato, navy…).
- 기본 색 선택기는 브라우저와 기기에 따라 모양이 다를 수 있어요.
자주 묻는 질문
HEX를 RGB로 변환하려면 어떻게 하나요?
HEX(예: #1e90ff)를 입력하면 해당하는 rgb()와 HSL, CMYK가 바로 나타나요.
WCAG 대비란 무엇인가요?
배경 위에서 글자가 얼마나 잘 읽히는지 나타내는 값이에요. 일반 글자 기준으로 4.5:1이면 AA 등급, 7:1이면 AAA 등급이에요.
투명도가 있는 색도 지원하나요?
네, #rrggbbaa, rgba(), hsla()를 입력하면 투명도도 함께 표시돼요.
서버로 전송되는 정보가 있나요?
아니요. 모든 계산은 브라우저에서 이뤄져요.
무료인가요?
네, 무료예요. 가입 없이 브라우저에서 바로 쓸 수 있어요.