이미지에서 색상 추출

로컬 이미지에서 정확한 픽셀 색상을 선택하고 일반적인 색상 형식으로 확인하세요. 브라우저에서 팔레트를 만들고 비교하고 복사하고 내보낼 수 있습니다.

이미지 선택

로컬 이미지 파일을 사용하거나 이미지를 여기에 끌어 놓거나 클립보드에서 붙여 넣으세요.

이미지를 여기에 끌어 놓으세요 25MB 및 2,400만 픽셀 이하의 PNG, JPEG, WebP, GIF, BMP 또는 AVIF.

색상 선택

이미지를 클릭하거나 탭하여 픽셀을 선택하세요. 선택한 후 화살표 키로 원본 픽셀을 한 칸 이동하거나 Shift와 화살표 키로 열 칸 이동할 수 있습니다.

시작하려면 이미지를 선택하거나 끌어 놓거나 붙여 넣으세요.

이미지 주요 색상

보이는 이미지 픽셀의 제한된 샘플에서 간결한 팔레트를 추출합니다.

아직 이미지 팔레트를 추출하지 않았습니다.

저장된 팔레트

이 이미지를 확인하거나 다른 이미지를 불러오는 동안 저장된 색상을 계속 사용할 수 있습니다.

선택했거나 추출했거나 관련된 색상을 저장하여 팔레트를 만들어 보세요.

What this tool does

이미지 색상 선택기는 로컬에서 선택하거나 페이지로 끌어 놓거나 클립보드에서 붙여 넣은 래스터 이미지의 단일 원본 픽셀에서 RGBA 값을 읽습니다.

선택한 색상을 HEX, RGB, HSL, HSV, HWB 및 CMYK로 표시하며 저장된 색상, 주요 색상, 관련 색상 및 조화 팔레트를 만들 수 있습니다.

How to use the tool

  1. 25MB 및 2,400만 픽셀 이하의 PNG, JPEG, WebP, GIF, BMP 또는 AVIF 이미지를 선택하거나 끌어 놓거나 붙여 넣으세요.
  2. 이미지의 한 지점을 클릭하거나 탭한 다음 확대경 또는 화살표 키를 사용하여 정확한 원본 픽셀을 선택하세요.
  3. 색상 형식과 알파 값을 확인하고 복사하거나 색상을 팔레트에 저장하세요.
  4. 주요 색상을 추출하고 관련 색상을 만들고 두 색상을 비교하거나 저장된 팔레트를 복사하고 내보낼 수 있습니다.

Useful applications

  • 원래 색상 코드가 없을 때 로고에서 브랜드 색상을 확인합니다.
  • 스크린샷에서 인터페이스 색상을 추출하고 비슷한 두 값을 비교합니다.
  • 사진, 일러스트, 제품 이미지 또는 그라데이션 세부 영역에서 색상을 수집합니다.
  • 디자인 메모, CSS 변수 또는 기타 문서에 사용할 색상 값 목록을 준비합니다.

Notes and limitations

  • 이미지 디코딩, 픽셀 분석 및 팔레트 생성은 브라우저에서 실행됩니다. 이미지 자체는 저장되지 않으며 저장된 팔레트의 색상 값만 브라우저 저장소에 보관됩니다.
  • 입력 파일은 25MB, 디코딩된 이미지는 2,400만 픽셀로 제한됩니다. 형식 지원은 브라우저의 디코딩 기능에도 좌우됩니다.
  • 가장 가까운 색상 이름, 주요 팔레트 및 CMYK 변환은 추정값입니다. CMYK 값은 프린터 또는 ICC 프로필을 사용하지 않으므로 정확한 픽셀 값이 필요하면 RGBA 값을 사용하세요.
  • 대비와 Delta E는 RGB 구성 요소를 불투명한 것으로 처리하며 알파는 별도로 표시합니다. 반투명 색상의 표시 결과는 배경에 따라 달라집니다.

Frequently asked questions

내 이미지가 업로드되거나 저장되나요?

아니요. 이 도구는 선택한 이미지를 브라우저에서 처리하며 저장된 팔레트의 RGBA 값만 브라우저 저장소에 보관합니다.

아주 작은 이미지 세부 영역을 어떻게 선택하나요?

가까운 지점을 선택한 다음 픽셀 확대경의 셀을 선택하거나 화살표 키로 선택 영역을 이동하세요. Shift와 화살표 키를 함께 누르면 원본 픽셀이 열 칸씩 이동합니다.

투명도가 유지되나요?

예. 선택한 픽셀에는 알파 값이 포함되며 중복 색상 확인에서는 전체 RGBA 값을 비교합니다.

주요 색상은 모든 픽셀을 정확히 센 결과인가요?

아니요. 주요 팔레트는 보이는 픽셀의 제한된 샘플을 요약한 것이므로 모든 고유 픽셀 값의 목록이 아니라 추출된 개요입니다.

다른 이미지를 불러올 때 색상을 유지할 수 있나요?

예. 팔레트 유지 옵션을 켜 두거나 다음 이미지를 빈 팔레트로 시작하려면 옵션을 끄세요.