본문으로 건너뛰기

다음 도구 찾기

브라우저에서만 처리하는 도구

이미지 색상 팔레트 생성기

이미지에서 주요 색상의 실용적인 팔레트를 추출하고 HEX, RGB, CSS, JSON 값을 복사하세요.

이미지마다 최대 20 MiB, 40메가픽셀. 콘택트 시트는 2–50장, 합계 100 MiB까지 가능합니다. 아이콘은 전체 이미지를 투명 여백이 있는 정사각형 안에 맞춥니다.

브라우저 로컬 처리계정 필요 없음무료 사용 원본은 그대로 유지

이 도구가 필요한 이유

색상 견본 다섯~여덟 개면 대개 쓸모 있는 작업 팔레트가 됩니다.

  • ✓ 3–10가지 색
  • ✓ HEX/RGB
  • ✓ CSS 변수
  • ✓ JSON

이럴 때 유용해요

  • • 브랜드 영감
  • • UI 디자인
  • • 프레젠테이션 테마

사진을 쓸 수 있는 색상 팔레트로 바꾸기

팔레트는 인터페이스 색상, 프레젠테이션 강조색, 브랜드에서 영감을 받은 몇 가지 견본처럼 실제 디자인 결정에 도움이 될 때 가장 유용합니다.

주요 색상을 출발점으로 삼기

사진 팔레트는 가장 많은 픽셀을 차지하는 색에 무게를 둡니다. 영감을 얻기에는 좋지만, 그대로 접근성을 갖춘 UI 팔레트가 되는 것은 아닙니다.

HEX나 RGB 값을 디자인 도구에 복사하고, 텍스트나 컨트롤에 쓰기 전에 대비를 따로 확인하세요.

팔레트는 작게 유지하기

거의 같은 견본이 가득한 것보다 몇 가지 색이 다루기 쉽습니다. 간결한 세트로 시작하고 디자인에 필요할 때만 특별한 강조색을 더하세요.

자주 묻는 질문

사진 팔레트에는 몇 가지 색이 적당한가요?

작은 팔레트가 대개 쓰기 쉽습니다. 여섯 가지 색이 실용적인 출발점이며, 이미지에 뚜렷한 영역이 여러 개라면 색을 더 늘려도 좋습니다.

추출한 색상은 접근성을 갖춘 UI 색상인가요?

자동으로 그렇지는 않습니다. 인터페이스에 쓰기 전에 텍스트와 컨트롤의 대비를 따로 확인하세요.

HEX 값을 얻을 수 있나요?

네. CSS와 디자인 작업에 쓸 수 있는 색상 값을 제공합니다.

팔레트 색상이 조금 달라 보이는 이유는 무엇인가요?

노이즈를 줄이려고 비슷한 픽셀 색을 묶어 추출하므로, 표시되는 견본은 원래 픽셀 하나하나의 기록이 아니라 대표 색입니다.

작업 이어 가기