1. 제품
  2.   영상
  3.   JavaScript
  4.   Color Thief
 
  

이미지 처리를 위한 오픈 소스 JavaScript 라이브러리

이미지에서 색상 팔레트를 가져오기 위한 JavaScript API입니다.

컬러 도둑이란 무엇입니까?

Color Thief는 소프트웨어 개발자가 JavaScript를 사용하여 이미지에서 색상을 가져올 수 있는 매우 간단한 경량 이미지 처리 라이브러리입니다. 외부 종속성 없이 Node 및 In-browser에서 작동할 수 있는 순수한 JavaScript 라이브러리입니다. API 이미지에서 지배적인 색상을 가져옵니다. 색상은 빨강, 녹색 및 파랑 값을 나타내는 세 개의 정수 배열로 반환됩니다. 브라우저에서 작업하는 동안 처리를 위해 HTML 이미지를 사용해야 하고 노드를 사용하는 동안 이미지의 URL을 사용해야 합니다.

Color Thief 패키지에는 다양한 환경과 빌드 프로세스를 지원하는 여러 배포 파일이 포함되어 있습니다. color-thief.js는 이미지 처리를 위한 메인 파일이고 color-thief.mjs는 Webpack, Rollup 뿐만 아니라 최신 브라우저에 사용되며 color-thief.umd.js는 간단한 스크립트 태그 로딩에 사용됩니다.

Previous Next

색상 도둑 시작하기

NPM을 통해 Color Thief를 설치하는 권장 방법입니다. 다음 명령을 사용하여 설치하십시오.

Install Color Thief via NPM

NPM을 통해 Color Thief 설치

 npm i --save colorthief

무료 JavaScript API를 통해 이미지에서 색상 가져오기

오픈 소스 Color Thief 라이브러리를 사용하면 JavaScript 개발자가 프로그래밍 방식으로 이미지에서 색상을 추출할 수 있습니다. 이미지에서 지배적인 색상을 얻기 위해 API는 getColor() 메서드를 제공합니다. 이 메서드는 이미지에서 지배적인 색상을 가져옵니다. 색상은 빨강, 녹색 및 파랑(RGB) 값을 나타내는 3개의 정수 배열로 반환됩니다. 다음 두 줄의 코드를 사용하면 이미지에서 지배적인 색상을 쉽게 얻을 수 있습니다.

이미지에서 주요 색상 가져오기

  1. 이미지 로드
  2. 색상 가져오기

Node.js의 이미지에서 색상 추출

const img = resolve(process.cwd(), 'rainbow.png');
ColorThief.getColor(img)
.then(color => { console.log(color) })
.catch(err => { console.log(err) })

무료 JavaScript API를 통해 이미지에서 컬러 플래트 가져오기

API를 사용하여 이미지에서 색상 팔레트를 가져올 수도 있습니다. 이미지에서 색상 팔레트를 가져오기 위해 API는 getPalette() 메서드를 제공합니다. 이 메서드는 유사한 색상을 클러스터링하여 이미지에서 팔레트를 가져옵니다. 팔레트는 색상을 포함하는 배열로 반환되며, 각 색상 자체는 3개의 정수 배열입니다. 다음 두 줄의 코드를 사용하면 이미지에서 색상판을 쉽게 얻을 수 있습니다.

이미지에서 색상표 가져오기

  1. 이미지 로드
  2. 컬러 플래트 받기

Node.js에서 컬러 플래트 이미지 추출

const img = resolve(process.cwd(), 'rainbow.png');
ColorThief.getPalette(img, 5)
.then(palette => { console.log(palette) })
.catch(err => { console.log(err) })
 한국인