이미지 색상 추출기
이미지에서 색을 추출합니다 — 픽셀을 클릭하면 정확한 hex, 확대경으로 조준. 팔레트는 CSS·Tailwind·SVG·ASE로 내보내기. 업로드 없음.
이미지를 여기에 드롭하거나 클릭해 선택
🔒 브라우저에서 추출되며 이미지는 업로드되지 않습니다.
이미지에서 바로 색 추출
이미지를 넣거나 주소를 붙여넣거나 휴대폰에서 바로 촬영한 뒤, 아무 곳이나 클릭하면 커서 아래 색의 정확한 hex 코드를 읽어줍니다. rgb()·hsl() 값도 함께 나오고, 명암비 검사기·색상 변환기·음영 생성기로 바로 이어집니다. 이미지에서 가장 많이 쓰인 색들의 팔레트가 자동으로 추출되며, 스와치를 클릭하면 복사되고, 직접 고른 색을 원하는 칸에 넣을 수도 있습니다. 이미지는 브라우저에서만 그려지고 샘플링되어 업로드되지 않으며, 붙여넣은 URL도 브라우저가 직접 받아옵니다.
팔레트 원리
픽셀을 비슷한 색끼리 묶고 등장 빈도로 정렬해 이미지의 주요 색을 한눈에 보여줍니다 — 사진이나 로고에서 어울리는
팔레트를 만들 때 유용합니다. 결과는 CSS 사용자 정의 속성, SCSS 변수, Tailwind 테마, JSON, SVG, GIMP 팔레트, PNG 이미지,
어도비 .ase 스와치 파일로 내보낼 수 있고, 링크 복사를 누르면 팔레트가 URL에 담겨 그대로 공유됩니다.
자주 묻는 질문
특정 색을 어떻게 고르나요?
이미지의 해당 지점을 클릭하세요. 클릭한 픽셀의 hex 코드가 스와치와 함께 표시되고 rgb()·hsl() 값도 같이 나옵니다. 확대경이 십자선 아래 픽셀을 보여주며, 값은 화면에 축소된 사본이 아니라 항상 원본 파일에서 읽습니다.
팔레트는 어디서 오나요?
이미지를 샘플링해 비슷한 색을 묶은 뒤, 가장 빈번한 색들을 복사 가능한 스와치로 보여줍니다. 마음에 들지 않으면 직접 고른 색을 원하는 칸에 넣어 바꿀 수 있습니다.
팔레트를 내보내거나 공유하려면?
형식(CSS·SCSS·Tailwind·JSON·SVG·GIMP .gpl·PNG·어도비 .ase)을 고른 뒤 텍스트를 복사하거나 파일로 내려받으세요. "링크 복사"를 누르면 팔레트가 담긴 URL이 복사되어, 그 링크를 연 사람도 같은 스와치를 봅니다.
URL로 이미지를 불러올 수 있나요?
네. https 주소를 붙여넣고 불러오기를 누르면 브라우저가 직접 가져옵니다. 해당 사이트가 교차 출처 읽기를 허용하지 않으면 거부되는데, 업로드가 없는 도구라 서버로 우회해 가져오지 않기 때문입니다.
이미지가 업로드되나요?
아니요. 캔버스에 그려 브라우저에서 로컬로 읽을 뿐 서버로 전송되지 않습니다.