색상 변환기: HEX, RGB, HSL, OKLCH
CSS 색상을 HEX, RGB, HSL, HWB, OKLCH, CMYK로 변환하고, 흰색과 검은색 배경에 대한 WCAG 대비를 확인하고, 어울리는 밝은 색조와 어두운 색조를 얻으세요.
사용 방법
- 1
입력값 붙여 넣기
텍스트나 코드를 붙여 넣거나, 파일을 편집기에 끌어다 놓거나, '파일 열기'를 클릭하세요. '예제 불러오기'로 도구 사용법을 바로 확인할 수 있어요.
- 2
옵션 선택
입력하는 즉시 결과가 바뀌어요. 모드를 바꾸거나 옵션을 조정해 원하는 결과를 얻으세요.
- 3
복사 또는 다운로드
클릭 한 번으로 결과를 클립보드에 복사하거나 파일로 다운로드하세요.
PixNudge를 선택하는 이유
브라우저 밖으로 아무것도 나가지 않아요
비밀번호, API 키, 토큰, SQL 쿼리, 고객 데이터는 사용자 기기에서 처리되며 서버로 전송되지 않아요.
즉각적인 결과
업로드도 대기도 없어요. 입력이 커도 입력하는 즉시 결과가 나타나요.
무료, 회원가입 불필요
계정, 사용 제한, 도구 내 광고가 없어요. 페이지를 즐겨찾기에 추가해 두고 필요할 때마다 사용하세요.
자주 묻는 질문
어떤 색상 형식을 입력할 수 있나요?
브라우저가 CSS 색상으로 인식하는 모든 형식을 입력할 수 있어요. # 유무와 상관없는 hex 코드, rgb(), hsl(), hwb(), lab(), lch(), oklch(), color(), 그리고 rebeccapurple 같은 148개의 색상 이름을 지원해요.
대비 배지는 무엇을 뜻하나요?
WCAG 2는 일반 텍스트(AA)에 최소 4.5:1, 큰 텍스트에 3:1, 더 엄격한 AAA 수준에 7:1의 대비율을 요구해요. 배지는 해당 색을 흰색과 검은색 배경의 텍스트로 썼을 때 어떤 수준을 통과하는지 보여 줘요.
CMYK 값을 그대로 인쇄에 써도 되나요?
색상 프로필 없이 단순히 수학적으로 변환한 값이에요. 인쇄소는 FOGRA나 GRACoL 같은 프로필을 사용하므로, 정확한 인쇄 색상이 필요하면 인쇄소에 문의하거나 디자인 도구에서 변환하세요.