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