이미지에서 색상 팔레트 추출
사진, 스크린샷, 로고 또는 일러스트를 업로드, 드래그 또는 붙여 넣어 이미지 전체의 색상 팔레트를 추출하세요. 이 도구는 한 픽셀을 선택하는 대신 보이는 주요 색상을 3개, 5개 또는 8개 색상 팔레트로 요약합니다. 개별 HEX와 RGB, 줄바꿈으로 구분된 모든 HEX 또는 바로 사용할 수 있는 CSS 변수를 복사할 수 있습니다. 이미지는 브라우저에서 로컬로 처리되며 ColourPicker.app에 업로드되지 않습니다.
이미지 업로드
파일을 선택하거나 이곳에 끌어 놓거나 클립보드에서 이미지를 붙여 넣으세요.
Ctrl+V 또는 Command+V로 스크린샷을 붙여 넣을 수도 있습니다.
이미지는 기기에 유지되며 이 브라우저에서만 처리됩니다.
이미지에서 색상 팔레트를 추출하는 방법
이미지 파일을 선택하고 업로드 영역으로 끌어 놓거나 클립보드에서 붙여 넣으세요. 브라우저가 이미지를 디코드하고 표시된 픽셀의 작은 표본을 분석합니다. 가까운 색조를 그룹화해 모든 픽셀 값이 아닌 이미지의 인상을 가장 크게 만드는 색상을 보여 줍니다.
- 브라우저에서 열 수 있는 사진, 로고, 일러스트 또는 스크린샷을 추가합니다.
- 로딩 후 5개의 주요 색상 팔레트가 자동으로 만들어집니다.
- 필요한 세부 수준에 따라 3개, 5개 또는 8개 색상을 선택합니다.
- 개별 색상이나 전체 팔레트를 다음 디자인 또는 개발 단계에 복사합니다.
주요 색상이지 정확한 한 픽셀이 아닙니다
이 페이지는 사진, 일러스트, 로고 또는 스크린샷 전체를 여러 색으로 요약하기 위한 것입니다. 결과는 이미지 전체를 특징짓는 색상이며 특정 지점의 정확한 값이 아닙니다.
한 픽셀의 정확한 색상이 필요하면 이미지에서 정확한 한 색상 선택을 사용하세요. 기본 색상에서 보색, 유사색 등 이론적 관계를 만들려면 기본 색상에서 색상 조화 생성을 사용하세요. 이 추출기는 이미지에 이미 있는 색상만 요약합니다.
HEX, RGB 또는 CSS 변수로 팔레트 복사
각 색상 견본에는 HEX와 RGB 값 및 별도의 복사 버튼이 있습니다. 모든 HEX 값을 한 줄에 한 색상씩 목록으로 복사할 수도 있습니다. CSS 변수 버튼은 --cp-1, --cp-2 같은 이름의 :root 블록을 만듭니다.
최종 인터페이스에 사용하기 전에 대비와 접근성은 별도로 확인하세요.
이미지는 비공개로 유지됩니다
모든 처리는 브라우저에서 이루어집니다. 이미지는 ColourPicker.app이나 외부 서비스로 전송되지 않으며 서버에 저장되지 않습니다. 사실상 투명한 픽셀은 무시되므로 PNG의 투명 배경이 잘못된 주요 색상이 되지 않습니다.
3개, 5개 또는 8개 색상은 최대 수입니다. 단순한 이미지에 고유한 표시 색상이 적으면 색상을 복제하거나 새 색조를 만들지 않고 더 작은 실제 팔레트를 반환합니다.
자주 묻는 질문
- 이미지에서 색상 팔레트를 어떻게 추출하나요?
- 이미지를 업로드, 드래그 또는 붙여 넣으세요. 도구가 주요 표시 색상을 3개, 5개 또는 8개 팔레트로 묶습니다.
- 이미지 팔레트 추출기란 무엇인가요?
- 이미지 전체의 주요 표시 색상을 더 작은 대표 팔레트로 요약하는 도구입니다.
- HEX, RGB 또는 CSS 변수를 복사할 수 있나요?
- 예. 각 값, 모든 HEX 값 또는 전체 팔레트를 CSS 변수로 복사할 수 있습니다.
- 이미지가 업로드되거나 저장되나요?
- 아니요. 이미지는 브라우저에서 로컬로 디코드되고 분석됩니다.
- 팔레트가 선택한 수보다 작은 이유는 무엇인가요?
- 이미지의 고유한 표시 색상이 적을 수 있습니다. 색상은 복제되지 않고 투명 픽셀은 무시됩니다.