Git Product home page Git Product logo

get-palette's Introduction

๐ŸŽจ Get Palette

A simple JS library to get the dominant color or color palette of an image just by its URL.


โ„๏ธ Installation

First install the package using a package manager of your choice.

# using npm
npm install get-palette
# or pnpm
pnpm install get-palette
# or bun
bun add get-palette

๐Ÿš€ Usage

import { getPalette, getColor } from "get-palette";

 // it will return an array of [r,g,b] values
const palette = await getPalette("https://source.unsplash.com/random?size=1920x1080");

// it will return a single dominant [r,g,b] value
const color = await getColor("https://source.unsplash.com/random?size=1920x1080");

๐Ÿ› ๏ธ Configuration

getPalette(url, colorCount, quality)

Parameter Type Default Description
url string/URL - The URL of the image
colorCount number 10 The number of colors to be returned
quality number 10 Sampling quality of the image

getColor(url, quality)

Parameter Type Default Description
url string/URL - The URL of the image
quality number 10 Sampling quality of the image

๐Ÿ—๏ธ How to contribute

๐Ÿ› Reporting Bugs

If you encounter any bugs, please report them in the Issues.

๐ŸŽ‹ Adding new features

You need to first fork this repository and then clone it to your local machine.

git clone https://github.com/<your-username>/get-palette
cd get-palette

Now you need to create a new branch for your changes. For features, you may want to use feat/<feature-name> as the branch name.

git checkout -b feat/<feature-name>

Now you can make your changes. After you are done, you need to commit your changes.

git add .
git commit -m "feat: โœจ My Awesome feature"

We follow Conventional Commits for commit messages.

Now you need to push the changes to your forked repository.

git push origin feat/<feature-name>

Now you need to create a Pull Request to the original repository. And you are done!

We will review your changes and merge them if everything looks good.

๐Ÿ’ธ Sponsorship

If you find this package useful, please consider sponsoring me. This will help me spend more time on these projects.

๐Ÿ“ Credits

This Project is a modernized version of Color Thief.

Also it's dependencies like quantize and get-pixels has been also ported to modern JS syntax.

๐Ÿ“œ License

This project is licensed under the MIT License.

get-palette's People

Contributors

blankparticle avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.