Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/blankparticle/get-palette

🎨 A simple JS library to get the dominant color or color palette of an image just by its URL.
https://github.com/blankparticle/get-palette

colors palette

Last synced: 1 day ago
JSON representation

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

Awesome Lists containing this project

README

        

# 🎨 Get Palette

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

---



GitHub Repo stars


GitHub contributors


License


Npm Downloads


GitHub Workflow Status


GitHub Sponsors

## ❄️ Installation

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

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

## 🚀 Usage

```js
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](https://github.com/BlankParticle/get-palette/issues).

### 🎋 Adding new features

You need to first [fork](https://docs.github.com/en/get-started/quickstart/contributing-to-projects#about-forking) this repository and then [clone](https://docs.github.com/en/get-started/quickstart/contributing-to-projects#cloning-a-fork) it to your local machine.

```bash
git clone https://github.com//get-palette
cd get-palette
```

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

```bash
git checkout -b feat/
```

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

```bash
git add .
git commit -m "feat: ✨ My Awesome feature"
```

We follow [Conventional Commits](https://www.conventionalcommits.org/en/v1.0.0/) for commit messages.

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

```bash
git push origin feat/
```

Now you need to create a [Pull Request](https://docs.github.com/en/get-started/quickstart/contributing-to-projects#making-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](https://github.com/sponsors/BlankParticle). This will help me spend more time on these projects.

## 📝 Credits

This Project is a modernized version of [Color Thief](https://github.com/lokesh/color-thief).

Also it's dependencies like [quantize](https://github.com/lokesh/quantize) and [get-pixels](https://github.com/scijs/get-pixels) has been also ported to modern JS syntax.

## 📜 License

This project is licensed under the [MIT License](https://github.com/BlankParticle/get-palette/blob/main/LICENSE).