색상 선택기 및 변환기

선택기로 색을 고르거나 HEX, RGB, HSL 값을 입력하거나, 올린 이미지를 클릭해 픽셀 색을 가져오세요. 대비율을 보고 읽기 쉬운 글자색을 고를 수 있습니다.

색상

HEX

RGB

HSL

이미지에서 색 추출

이미지를 연 다음 클릭하세요

브라우저 안에서만 실행됩니다. 입력한 내용과 파일은 어떤 서버에도 업로드되지 않습니다.

사용 방법

색상 입력을 사용하거나 값을 입력하거나, 이미지를 열고 픽셀을 클릭합니다.
HEX, RGB, HSL 값을 확인하고 필요한 값을 복사합니다.
흰색·검은색 글자와의 WCAG 대비율을 확인합니다.

예시

로고에서 브랜드 색상 맞추기

로고 이미지를 열고 색이 칠해진 부분을 클릭하면 HEX 코드를 얻을 수 있습니다.

읽기 쉬운 버튼 글자색 고르기

흰색과의 대비가 4.5:1 미만이면 어두운 글자를 쓰거나 색을 더 어둡게 하세요.

개인정보

브라우저 안에서만 실행됩니다. 입력한 내용과 파일은 어떤 서버에도 업로드되지 않습니다. 브라우저에 저장되는 내용(즐겨찾기와 기록만)은 개인정보 처리방침을 참고하세요. 개인정보 처리방침

직접 확인해 보세요. 브라우저 개발자 도구를 열고 네트워크(Network) 탭을 선택한 뒤 도구를 사용하세요. 파일은 어떤 업로드 요청에도 나타나지 않습니다. 이 페이지가 오프라인용으로 저장된 뒤에는 인터넷 연결을 끊고도 계속 작업할 수 있습니다. 광고와 익명 방문 통계는 활성화된 경우 자체 요청을 보내지만, 파일이나 텍스트를 받지는 않습니다.

자주 묻는 질문

화면 스포이트란 무엇인가요?

일부 브라우저(데스크톱의 Chrome, Edge)는 화면의 어떤 픽셀이든 색을 가져올 수 있는 EyeDropper를 제공합니다. 지원되는 곳에서만 버튼이 나타납니다.

가져온 색이 조금 다를 수 있는 이유는?

JPG 압축과 색상 프로필 때문에 픽셀 값이 달라질 수 있습니다. 가장자리보다 색이 고른 부분에서 가져오세요.

이미지에서 색 추출

사용 방법

예시

개인정보

자주 묻는 질문

관련 도구