이 무료 이미지 색상 선택기를 사용하면 사진을 업로드하거나 붙여넣고, 마우스를 올려 확대하고, 픽셀을 클릭하여 정확한 색상 코드를 복사할 수 있습니다. 모든 작업이 기기에서 처리됩니다.
이미지 색상 선택기 - 아래에 사진을 드롭하세요
이미지 업로드 또는 붙여넣기
여기에 파일을 놓거나, 이미지를 선택하거나, Ctrl+V / Cmd+V를 눌러 스크린샷을 붙여넣으세요.
팁: 이미지를 복사한 다음 이 페이지의 아무 곳에서나 Ctrl+V 또는 Cmd+V를 누르세요.
선택한 색상이 없습니다.
이미지를 업로드한 후 픽셀을 클릭하세요.
최근에 선택한 색상이 여기에 표시됩니다.
이미지 색상 선택기를 사용하면 디자이너, 개발자, 마케팅 담당자가 데스크톱 소프트웨어를 설치하지 않고도 사진에서 정확한 색상 값을 얻을 수 있습니다. 이 무료 이미지 색상 선택기는 브라우저에서 완전히 실행됩니다. 스크린샷, 브랜드 자산 또는 참조 사진을 업로드한 다음 픽셀을 클릭하여 HEX, RGB, HSL 또는 CMYK 코드를 즉시 복사합니다. 서버 기반 스포이드와 달리 파일은 장치를 떠나지 않으므로 기밀 모형, 클라이언트 결과물 및 빠른 무드 보드 샘플링에 이상적입니다. 웹사이트 캡처에서 파란색 로고가 필요하든, 제품 사진에서 패브릭 톤이 필요하든, UI 스크린샷에서 그라데이션 정지가 필요한 경우, 한 번의 이미지 색상 선택 세션은 픽셀 단위의 완벽한 값과 동일한 파일에서 추출된 자동 6가지 색상 팔레트를 제공합니다.
드래그 앤 드롭하거나, 파일을 찾아보거나, 클립보드에서 붙여넣거나, 위 도구에서 샘플 이미지를 사용해 보세요. 이미지 색상 선택기는 메모리에서 파일을 읽습니다. 클라우드 업로드 단계는 없습니다. JPG, PNG, WebP, GIF, AVIF 및 HEIC는 브라우저에서 디코딩할 수 있는 경우 지원됩니다.
확대된 픽셀 격자를 보려면 사진 위로 커서를 이동하세요. 원하는 정확한 픽셀을 클릭하면 이미지 색상 선택기가 패널에서 HEX, RGB, HSL 및 CMYK 값을 잠급니다. 1픽셀 정밀도를 얻으려면 화살표 키를 사용한 다음 Enter를 눌러 확인하세요.
각 형식에는 원클릭 복사 버튼이 있습니다. CSS, Figma, Canva 또는 인쇄 사양에 붙여넣으세요. 최근 선택 항목은 사이드바에 유지되므로 다시 클릭하지 않고도 동일한 이미지 색상 선택기 세션의 견본을 비교할 수 있습니다.
귀하의 이미지는 귀하의 장치에 남아 있습니다. 이 이미지 색상 선택기는 클라이언트 스크린샷, 미공개 디자인, 타사 서버에 업로드할 수 없는 내부 모형에 안전합니다.
줌 렌즈가 커서를 따라가므로 앤티앨리어싱된 텍스트, 1px 테두리 및 그라데이션 정지를 누를 수 있습니다. 이미지 색상 선택기는 흐릿하게 조정된 미리 보기가 아닌 전체 해상도 픽셀 데이터에서 샘플링합니다.
한 번의 클릭으로 HEX, RGB, HSL 및 CMYK이 제공됩니다. 각 항목에는 CSS용 복사 버튼, 디자인 도구 또는 인쇄 핸드오프가 있습니다. 이미지에서 색상을 선택한 후 수동으로 탭을 전환하거나 값을 변환할 필요가 없습니다.
이미지가 로드되면 6개의 주요 견본이 자동으로 추출됩니다. 견본을 클릭하여 색상 패널에 로드하고 한 번에 하나의 픽셀을 샘플링하는 것보다 더 빠르게 일치 구성표를 구축합니다.
스크린샷에서 경쟁사의 버튼 파란색을 일치시키거나, 참조 대시보드에서 중립을 가져오거나, CSS 변수에 대한 그라데이션 중지점을 복사하세요. 이미지 색상 선택기를 사용하면 별도의 앱에서 16진수 값을 추측하는 것보다 시간이 절약됩니다.
PDF 내보내기, 소셜 게시물 또는 이벤트 사진에서 정확한 로고 색상을 추출합니다. 자산을 재구축하거나 캠페인 팔레트를 확장할 때 브랜드 지침을 정확하게 유지하세요.
디자인을 구현할 때 모형이나 제작 스크린샷에서 색상을 샘플링합니다. 디자인 파일을 열지 않고도 RGB 또는 HEX를 스타일시트에 직접 복사할 수 있습니다.
디지털 및 인쇄 결과물을 조정할 때 HEX 및 RGB와 함께 CMYK 값을 가져옵니다. 사진 참조를 잉크 사양이나 포장 교정본과 일치시키는 데 유용합니다.
얇은 선, 텍스트 앤티앨리어싱 또는 아이콘 가장자리를 샘플링할 때 클릭하기 전에 마우스를 가져가세요. 이미지 색상 선택기 돋보기는 11×11 픽셀 격자를 표시하므로 이웃 픽셀이 아닌 원하는 음영을 선택할 수 있습니다.
HEX 및 RGB는 웹 및 앱 작업에 적합합니다. HSL은 코드의 밝기를 조정하려는 경우에 도움이 됩니다. CMYK는 인쇄 대화를 지원합니다. 다른 곳에서 변환하는 대신 한 선택에서 4개를 모두 복사합니다.
주요 견본은 이미지의 빠른 개요를 제공합니다. 기본 톤에 대한 견본을 클릭한 다음 근처 픽셀에 스포이드를 사용하여 동일한 이미지 색상 선택기 세션에서 악센트를 미세 조정합니다.
모든 디코딩 및 샘플링은 브라우저에서 로컬로 수행됩니다. 색상을 선택한 후 밝기를 조정하거나 소셜 게시물을 위한 전체 팔레트를 구축하려면 아래 링크된 관련 무료 이미지 도구를 참조하세요.
이 이미지 색상 선택기를 열고, 이미지를 놓거나 붙여넣고, 커서를 사진 위로 이동하여 확대된 픽셀 보기를 확인하고, 원하는 정확한 픽셀을 클릭하세요. HEX, RGB, HSL 및 CMYK 값은 색상 패널에 즉시 나타납니다.
아니요. 모든 것은 Canvas API을 사용하여 브라우저에서 로컬로 실행됩니다. 이 온라인 이미지 색상 선택기를 사용하면 이미지가 장치를 떠나지 않습니다.
모든 선택은 HEX(예: #E5A54B), RGB, HSL 및 CMYK을 제공합니다. 각각 원클릭 복사 버튼이 있습니다. 픽셀을 다시 선택하지 않고도 형식 간에 전환할 수 있습니다.
예. 이미지가 로드되자마자 6가지 주요 색상이 팔레트로 추출됩니다. 견본을 클릭하여 색상 패널에 로드합니다. 이는 스포이드를 정확하게 클릭하기 전에 톤을 빠르게 탐색할 수 있는 방법입니다.
이 도구는 원시 픽셀 데이터를 전체 해상도로 읽습니다. 단일 픽셀 정밀도의 경우 화살표 키를 사용하여 한 번에 한 픽셀씩 이동하고(10 동안 Shift 키를 누름) Enter 키를 눌러 선택합니다.
브라우저가 표시할 수 있는 모든 형식(JPG, PNG, WebP, GIF, AVIF, BMP, HEIC 및 SVG)은 브라우저가 지원하는 경우 모두 이 이미지 색상 선택기에서 작동합니다.
