이미지에서 팔레트 추출

사진의 주요 색을 뽑아 HEX, CSS, Tailwind로 복사합니다

이미지를 여기에 놓거나 클릭해서 선택하세요

지원 형식: JPG, PNG, WebP, GIF, HEIC, AVIF · Ctrl+V / ⌘V로 붙여넣을 수도 있습니다

이미지에서 팔레트 추출 사용 방법

사진이나 스크린샷에서 주요 색상 3~16개를 뽑아 각 색의 비중을 보여 줍니다. Android 방식의 견본 역할도 고르며 CSS, Tailwind, JSON, GIMP .gpl, Adobe .ase로 내보낼 수 있습니다.

이미지(JPG, PNG, WebP, GIF, HEIC, AVIF)를 끌어다 놓거나 클릭해서 고릅니다.

‘색상 수’ 슬라이더로 3~16개를 정하고 ‘정렬 기준’을 ‘비중’, ‘색조’, ‘명도’ 중에서 고릅니다.

견본이나 이미지에 마우스를 올리면 각 색이 어디에 있는지 보이고, 견본을 클릭하면 HEX가 복사됩니다.

‘내보내기’에서 HEX, CSS, Tailwind, JSON을 골라 코드를 복사하거나 GIMP / Inkscape (.gpl), Adobe (.ase) 파일을 받습니다.

자주 묻는 질문

아니요. 이미지는 브라우저에서 디코딩하고 분석하며 기기 밖으로 나가지 않습니다.

이미지를 긴 변 256px 이하로 줄인 사본에 OKLab 가중 k-평균 군집화를 적용합니다. 그래서 각 색은 한 픽셀이 아니라 영역을 대표합니다. 특정 픽셀의 정확한 색이 필요하면 ‘이미지 색상 추출기’를 쓰세요.

역할은 Android Palette API와 같은 방식으로 후보 16색 중에서 고릅니다. 회색조 사진에 선명한 색이 없을 때처럼 맞는 후보가 없으면 비어 있습니다.

아니요. 투명 픽셀은 무시하므로 배경이 투명한 로고라면 로고 자체의 색만 추출됩니다.

네. Adobe (.ase)를 받으면 Adobe 앱에서 견본으로 불러올 수 있고, GIMP / Inkscape (.gpl)는 GIMP와 Inkscape에서 쓸 수 있습니다.