이미지에서 컬러 팔레트 추출
개인정보 보호 설계 — 브라우저에서 모두 처리됩니다
브라우저에서 이미지에서 색상 팔레트를 추출합니다. 사진, 로고 또는 스크린샷을 드롭하면 Toova가 디자인 시스템 또는 스타일시트에 붙여 넣을 준비가 된 HEX 및 RGB 값으로 지배적인 색상을 표시합니다. 이미지를 어디로든 업로드하지 않고 말입니다.
추출이 작동하는 방식
Toova는 이미지에서 픽셀을 샘플링하고, 지각된 색상 유사성에 따라 클러스터링하며, 가장 두드러진 음영을 표시합니다. 팔레트에 원하는 색상 수를 선택합니다. 일반적으로 5개에서 10개가 브랜드 이미지를 잘 다룹니다. 각 색상은 클릭 한 번으로 복사할 수 있는 HEX 및 RGB 코드와 함께 견본으로 표시되며, 이미지의 얼마나 많은 부분이 그 음영으로 덮여 있는지를 나타내는 백분율이 있습니다.
사용 사례
히어로 이미지에서 새 웹사이트의 색상 팔레트를 만듭니다. 기존 로고에서 브랜드 일관성 있는 보조 색상을 생성합니다. 픽셀을 수동으로 선택하지 않고 경쟁사 사이트를 지배하는 색상을 감사합니다. Toova는 이미지를 디자인 도구에 드롭하고 색상 선택기를 사용하는 것보다 빠르며, 결과는 CSS, Tailwind 설정 또는 모든 디자인 시스템에 드롭할 준비가 되어 있습니다.
이미지는 기기에 머무릅니다
Toova는 브라우저에서 이미지를 읽습니다. 파일은 서버로 업로드되지 않으며 콘텐츠 로깅이 없습니다. 이미지에 출시되지 않은 목업, 고객 사진 또는 독점 브랜드 자산이 포함될 때 중요합니다. 추출 중 네트워크 탭은 비어 있으며 첫 로드 후 페이지는 오프라인에서 작동합니다.
자주 묻는 질문
- 얼마나 많은 색상을 추출해야 합니까?
- 5가지 색상이 대부분의 브랜드 정체성을 다룹니다. 8개에서 10개는 변형과 강조에 더 많은 음영을 제공합니다. 12개 이상은 음영 간의 차이가 눈이 인식하는 것보다 작아지기 때문에 시끄러워집니다.
- 어떤 이미지 형식이 지원됩니까?
- 브라우저가 기본적으로 디코딩할 수 있는 모든 형식(JPEG, PNG, WebP, AVIF, GIF). SVG도 지원됩니다. 파일 크기는 브라우저 메모리에 의해서만 제한됩니다.
- 팔레트에 투명 배경이 포함됩니까?
- 투명 픽셀은 추출 중에 무시되므로 투명 배경의 로고는 의미 있는 색상만 반환합니다. 알파 채널이 있는 PNG 및 WebP 이미지가 올바르게 처리됩니다.
- 파일을 업로드하는 대신 URL에서 추출할 수 있습니까?
- 예. URL을 붙여 넣으면 Toova가 브라우저에서 직접 이미지를 가져옵니다(출처의 CORS 정책에 따라 다름). CORS 때문에 가져오기가 실패하면 이미지를 다운로드하여 입력 영역에 드롭하십시오.
- 제 이미지가 어디로든 전송됩니까?
- 아니요. 이미지 처리는 전적으로 브라우저에서 실행됩니다. 파일은 기기를 떠나지 않습니다.