Pixoate색상 선택기 및 팔레트 추출기 - 이미지에서 색상 선택
사진을 업로드하고, 픽셀 색상(HEX / RGB / HSL)을 선택하거나 지배적인 팔레트를 자동으로 추출하세요. JSON 또는 CSS 변수로 다운로드하세요.
이미지를 떨어뜨려 팔레트를 추출하세요
컬러 피커 소개
4비트 채널당 버킷을 사용해 요구된 지배 색상 수로 이미지를 양자화한 후, 주파수별로 정렬합니다. 완전히 브라우저에서 실행되며, 이미지는 절대 기기를 떠나지 않습니다.
이미지 계속 향상
이 인기 있는 도구로 사진 편집을 한 단계 더 발전시키세요
Frequently Asked Questions
JPG, PNG, WEBP 또는 GIF를 업로드하고 표시되는 이미지 어디든 클릭하세요 — 커서 아래 픽셀이 샘플링되어 HEX, RGB, HSL로 표시되며, 각 포맷에 대해 원클릭으로 복사할 수 있습니다. 브랜드 색상을 맞추거나, 사진에서 샘플을 샘플링하거나, 디자인 목업에서 포인트 톤을 채취하기에 완벽합니다.
usage이미지는 가장 긴 변이 320픽셀로 다운샘플링되고, 각 픽셀은 채널당 상위 4비트로 배킷 처리됩니다. 가장 많이 채워진 버킷은 빈도별로 정렬되어 전체 8비트 컬러로 평균화되어 팔레트로 반환됩니다. 결과적으로 이미지의 시각적 요약을 나타내는 5-24개의 지배적인 색상이 나타납니다.
technical네. 다운로드 버튼은 두 가지 형식을 생성합니다: :root 셀렉터(--color-1, --color-2...)에 붙여넣을 수 있는 CSS 변수 블록과, 각 색상별로 16진수, RGB 성분, 가중치 비율이 포함된 JSON 파일입니다. 두 포맷 모두 디자인 토큰, Tailwind 구성, 팔레트 라이브러리에 깔끔하게 통합됩니다.
features아니요 — 색상 선택과 팔레트 추출은 HTML 캔버스 API를 통해 브라우저에서 전적으로 이루어집니다. 이미지는 기기에 남아, 미공개 제품 사진, 초안 목업, NDA 하 브랜드 자산에도 안전하게 보관할 수 있습니다.
privacy브랜드 아이덴티티 작업에서는 5-8가지 색상이 적절합니다 — 지배적인 테마를 포착하면서도 포인트 선택을 희석하지 않아요. 데이터 시각화를 위해서는 10-16가지 색상을 권장하여 충분한 범주적 색조를 확보할 수 있습니다. 슬라이더로 5번부터 24번까지 선택할 수 있습니다.
tips알파가 128 미만인 픽셀은 무시되어, 투명한 배경이 팔레트에 '배경' 색상을 오염시키지 않습니다. 이 때문에 이미지 컬러 피커는 제품 오려내기, 스티커 아트워크, 그리고 고립된 피사체에 특히 적합합니다.
technicalHEX (#RRGGBB)가 가장 간결하며 CSS, Figma, Sketch가 기본적으로 사용하는 것입니다. RGB는 0부터 255까지의 세 가지 성분 값을 표시하며, 이미지 데이터를 프로그래밍적으로 다룰 때 유용합니다. HSL(색조, 채도, 밝음)은 색상 조정에 직관적입니다: 색조를 이동하면 색상 계열을 바꾸고, 밝기를 조절하면 색조와 음영을 선택할 수 있습니다.
technical네. 무료이며, 계정이 필요 없으며, 이미지 크기나 추출 가능한 팔레트 수에 제한이 없습니다. 설치할 것이 전혀 없으며, 전체 도구가 하나의 웹 페이지입니다.
pricingUse Cases
브랜드 아이덴티티 감사
기존 로고나 마케팅 자산에서 정확한 HEX 값을 추출해 스타일 가이드에 반영하세요. 경쟁사 브랜드 색상을 맞추어 포지셔닝 덱이나 피치를 만드세요.
웹 디자인 팔레트 빌딩
사진이나 무드보드에서 지배적인 색상을 추출해 CSS 변수로 내보내 스타일시트에 넣으세요. 5-8색 스위트 스팟은 기본 색상, 악센트, 중립색을 모두 포함해 전체 디자인 시스템 시드를 만듭니다.
전자상거래 상품 목록
제품 사진 배경색을 매장 테마와 맞추세요. 스니커즈나 드레스 사진에서 지배적인 악센트 색상을 골라 상품의 하이라이트로 사용하세요.
인테리어 및 패션 영감
마음에 드는 방이나 옷을 사진으로 담고 팔레트를 추출하세요. 기존 도색과 어울리는 페인트, 원단, 액세서리를 선택하는 데 사용하며, 시각적 영감을 실천 가능한 견본으로 바꾸세요.
데이터 시각화 방식
불러일으키고 싶은 이미지에서 파생된 10-16가지 색상으로 분류된 팔레트를 생성하세요(예: 부드러운 차트는 수채화, 따뜻함에서 차가운 그라데이션은 일몰). 평범한 색조를 고르는 것보다는 낫습니다.
게임 및 UI 자산 워크플로우
스프라이트 아트나 UI 목업에서 인덱스 색상 팔레트를 추출하여 픽셀 아트 도구나 게임 엔진에 입력하세요. 팔레트 JSON 내보내기는 Aseprite, Photoshop 및 대부분의 에셋 파이프라인과 통합됩니다.