본문으로 건너뛰기
작업 데이터는 서버에 저장하지 않고, 내 브라우저에서 처리합니다.
tools
컬러 피커 | 이미지·화면 색상 추출

컬러 피커 | 이미지·화면 색상 추출

HEX·RGB·HSL을 변환하고 업로드·붙여넣기 이미지의 픽셀 또는 지원 브라우저 화면에서 색상을 추출합니다.

집중모드
컬러 피커
색을 고르면 HEX · RGB · HSL이 자동으로 동기화됩니다.
#6366f1rgb(99, 102, 241)
스포이드(EyeDropper)는 이 브라우저에서 지원되지 않습니다.
포맷
각 칸을 직접 수정하면 다른 포맷도 갱신됩니다.
이미지에서 추출
이미지를 올리고 원하는 픽셀을 클릭하거나 키보드로 이동하세요.
이미지를 업로드하거나 붙여넣기(⌘/Ctrl+V)하면 여기에 표시됩니다
내 색상
최근 색상을 다시 고르거나 즐겨찾기에 이름을 붙여 보관하세요.

불러오는 중…

주요 기능

  • HEX, RGB, HSL 입력을 서로 변환하고 각 형식의 색상 코드를 복사합니다.
  • 이미지를 업로드하거나 클립보드에서 붙여넣고 캔버스의 픽셀을 클릭하거나 키보드로 이동해 색을 추출합니다.
  • 선택 픽셀의 좌표와 7×7 주변 픽셀을 확인해 경계의 색을 구분합니다.
  • EyeDropper API를 지원하는 브라우저에서는 화면의 색상을 직접 선택합니다.
  • 최근 선택한 HEX 색상 최대 18개를 해당 브라우저의 로컬 저장소에 보관합니다.
  • 색상을 개별 삭제하거나 실행 취소하고, 최대 60개 즐겨찾기에 이름을 붙여 저장합니다.

사용 방법

  1. 색상 입력을 고르거나 HEX·RGB·HSL 중 한 형식을 입력합니다.
  2. 이미지 픽셀 또는 지원되는 화면 스포이드로 색을 추출할 수도 있습니다.
  3. 입력한 색은 Enter 또는 입력칸을 벗어날 때 저장됩니다. 색상 코드를 복사하거나 별을 눌러 즐겨찾기에 보관하세요.

활용 예시

  • 이미지 경계의 정확한 색상 확인

    확대된 7×7 픽셀 주변을 보며 안티앨리어싱 경계와 내부 영역의 HEX 값을 구분할 수 있습니다.

  • 화면에서 UI 색상 가져오기

    EyeDropper API를 지원하는 브라우저에서는 화면의 색을 선택하고 HEX·RGB·HSL 형식으로 복사할 수 있습니다.

개인정보 보호

업로드한 이미지는 브라우저의 캔버스에서 읽고 서버로 보내지 않습니다. 최근 색상, 즐겨찾기 색상과 지정한 이름은 이 브라우저에 저장되며 브라우저 데이터를 지우면 삭제됩니다.

사용 환경

화면 스포이드는 EyeDropper API를 지원하는 브라우저와 사용자 권한이 필요합니다. 이미지 픽셀은 캔버스에 올린 원본 해상도를 기준으로 선택합니다.

자주 묻는 질문

최근 색상을 비우면 즐겨찾기도 삭제되나요?
아니요. 최근 색상과 즐겨찾기는 별도로 보관됩니다. 개별 색상 삭제와 즐겨찾기 해제는 실행 취소로 되돌릴 수 있습니다.
즐겨찾기 색상은 다음에 방문해도 남아 있나요?
같은 브라우저에서는 새로고침하거나 다시 방문해도 색상과 이름이 유지됩니다. 다른 기기와는 동기화되지 않으며 브라우저 저장소를 지우면 삭제됩니다.
키보드만으로 이미지 색을 고를 수 있나요?
캔버스에 초점을 둔 뒤 화살표 키로 픽셀을 이동하고 Enter 또는 Space로 선택할 수 있습니다.
올린 이미지는 서버로 전송되나요?
아니요. 이미지는 브라우저 캔버스에서 읽히며 서버로 보내지지 않습니다.

관련 도구