사진·로고·스크린샷을 올리면 주요 색상을 HEX·RGB 코드로 뽑아 줍니다. 색상 수를 정하고 결과를 CSS 변수나 JSON으로 복사하세요.
이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
JPG·PNG·WebP, 16MB 이하. 로고·제품 사진·스크린샷 모두 됩니다.
이미지 위에 올리면 확대경이 뜨고, 클릭(모바일은 터치 후 손 떼기)하면 그 픽셀의 HEX·RGB·HSL 코드가 "찍은 색상"에 쌓입니다. 값을 누르면 복사됩니다.
1~12개. 브랜드 컬러는 3~5개, 사진 무드보드는 6~8개가 보기 좋습니다.
색상 칩을 누르면 HEX가 복사됩니다. CSS 변수(--color-1…)나 JSON으로 전체 복사도 됩니다.
k-means 군집화로 픽셀을 색상 수만큼 묶고 비율이 큰 순서로 정렬합니다. 같은 이미지라도 실행마다 미세하게 달라질 수 있습니다.
배경 비율이 크면 첫 색으로 잡힙니다. 배경을 지우려면 배경 제거 후 올리거나 색상 수를 늘리세요.
팔레트는 비슷한 색을 묶은 평균색이라 특정 픽셀과 정확히 같지 않을 수 있습니다. 정확한 한 점의 색은 이미지를 직접 클릭해 스포이드로 찍으세요.
HEX·RGB·HSL을 모두 표시합니다. JSON 복사에도 세 값이 들어갑니다.