색상 선택기·변환기

색을 고르거나 코드를 붙여 넣거나 이미지를 클릭하면 모든 형식의 색상 코드, 어울리는 팔레트, 글자 명암비 검사를 바로 볼 수 있습니다.

도구를 불러오는 중…

파일은 사용자의 기기 밖으로 전송되지 않습니다

색상 형식 알아보기

글자색과 배경색을 고르면 명암비를 계산합니다. 본문은 4.5:1 이상, 큰 제목은 3:1 이상(AA 수준)을 목표로 하세요. 7:1 이상이면 더 엄격한 AAA 수준을 충족합니다.

어떤 색상 코드를 입력할 수 있나요?

HEX(#1e90ff 또는 1e90ff), rgb(), hsl(), hsv(), cmyk(), 그리고 navy나 tomato 같은 CSS 색 이름입니다.

사진이나 로고에서 색을 뽑으려면?

‘이미지에서 추출’에서 이미지를 열고 원하는 지점을 클릭하세요. 이미지는 기기를 벗어나지 않습니다.

CMYK 값을 인쇄에 그대로 써도 되나요?

표준 수학 변환입니다. 실제 인쇄 색상은 프린터 색 프로필에 따라 달라지므로 중요한 작업은 인쇄소와 확인하세요.

명암비란 무엇인가요?

배경 위 글자가 얼마나 잘 읽히는지를 나타냅니다. WCAG는 일반 글자 4.5:1, 큰 글자 3:1 이상(AA 수준)을 요구합니다.

팔레트는 어떻게 만들어지나요?

색상환에서 색상을 회전해 만듭니다. 보색(180°), 유사색(±30°), 3색 조화(120°)와 함께 밝고 어두운 단계도 보여 줍니다.

화면 어디서든 색을 뽑을 수 있나요?

네. 지원하는 브라우저(PC용 Chrome, Edge 등)에서는 ‘화면에서 추출’ 버튼이 나타납니다.