HEX 색상 선택기 – 헥스코드·색상코드 찾기와 변환
색상 조정
색상 코드
코드를 입력하거나 원하는 형식을 복사하세요. CMYK 값은 참고용입니다.
색상 코드의 형식과 값의 범위를 확인하세요.
텍스트 대비
WCAG AA 최소 대비
WCAG 2.2 · 1.4.3- 일반 텍스트
- 4.5:1
- 큰 텍스트
- 3:1
큰 텍스트는 18pt 이상 또는 굵은 14pt 이상입니다. 한·중·일 글꼴은 이에 해당하는 크기를 적용합니다.
최근 색상
색상판이나 슬라이더에서 고른 색상이 여기에 표시됩니다.
색상 선택과 코드 복사
색상판이나 슬라이더로 색상을 고르거나, 색상 코드 입력란에 값을 입력하세요. 미리보기에서 결과를 확인한 뒤 필요한 형식 옆의 복사 버튼을 누르세요. 사진에서 시작하려면 이미지 색상 추출기에서 코드를 확인하세요.
CSS에 맞는 색상 형식 고르기
HEX는 화면용 색상을 짧은 코드로 기록할 때 편리합니다. 불투명도를 함께 지정하려면 알파가 있는 HEX, RGBA 또는 HSLA를 사용하세요. 색조·채도·명도를 기준으로 테마 색상을 조정할 때는 HSL 계열이 유용합니다.
화면과 인쇄의 브랜드 색상 관리
웹과 앱에서는 HEX나 RGB로 브랜드 색상을 기록할 수 있습니다. 여기서 계산한 CMYK는 인쇄 작업을 시작할 때 참고할 값입니다. 최종 인쇄 색상은 인쇄 프로파일과 실제 교정쇄로 확인하세요.
사진·로고에서 색상 가져오기
이미지 색상 추출기에서 사진이나 로고를 열고 원하는 픽셀을 선택하세요. HEX나 RGB 값을 복사해 이 페이지에 입력하면 불투명도를 조정하거나 다른 형식으로 변환할 수 있습니다.
텍스트와 배경의 색상 대비 확인
WCAG AA의 최소 대비는 일반 텍스트 4.5:1, 큰 텍스트 3:1입니다. 이 도구에서는 흰색과 검은색 배경의 예시를 확인할 수 있습니다. 배경색이 다른 화면에 적용할 때는 실제 조합으로도 대비를 확인하세요.
자주 묻는 질문
HEX는 RGB 색상을 16진수로 표현하는 형식입니다. #RRGGBB의 두 자리씩이 빨강·초록·파랑을 나타냅니다. 예를 들어 #FF0000은 빨강입니다. #RRGGBBAA는 끝 두 자리에 불투명도까지 포함합니다. 이 도구는 불투명도를 포함한 8자리 HEX로 표시합니다.
HEX와 RGB는 화면 색상을 기록하는 형식입니다. RGBA는 RGB에 불투명도를 더합니다. HSLA와 HSVA는 모두 색조와 채도를 쓰지만 채도를 계산하는 방식이 다릅니다. HSLA는 명도, HSVA는 밝기를 사용합니다. CMYK는 인쇄에 쓰는 네 가지 잉크 비율을 나타냅니다.
아니요. 설치나 회원가입 없이 브라우저에서 무료로 사용할 수 있으며, 데스크톱·태블릿·휴대폰 모두 지원합니다.
필요한 형식 옆의 복사 버튼을 누르면 그 형식의 코드가 클립보드에 복사됩니다. 웹에서는 HEX, RGB, RGBA, HSLA처럼 적용할 곳이 지원하는 형식을 사용하세요.
이미지 색상 추출기에서 파일을 열고 원하는 픽셀을 선택하세요. HEX 또는 RGB 코드를 복사해 이 페이지에 입력하면 색상을 조정하거나 변환할 수 있습니다.
CMYK 입력과 변환을 지원합니다. 여기서 얻는 CMYK 값은 인쇄 프로파일을 적용하지 않은 참고용입니다. 최종 인쇄 색상은 인쇄 환경에 맞는 프로파일과 교정쇄로 확인하세요.
색상을 고르거나 코드를 입력해 HEX·RGB·CMYK로 변환하는 무료 온라인 도구입니다.