https://github.com/mayashavin/palette-generator

Generate tool for color palettes from images and use in TailwindCSS
https://github.com/mayashavin/palette-generator

Last synced: over 1 year ago
JSON representation

Generate tool for color palettes from images and use in TailwindCSS

• Host: GitHub
• URL: https://github.com/mayashavin/palette-generator
• Owner: mayashavin
• License: mit
• Created: 2020-09-03T20:28:50.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2022-03-01T21:11:33.000Z (over 4 years ago)
• Last Synced: 2025-01-08T15:21:33.964Z (over 1 year ago)
• Language: Vue
• Homepage: https://colorgen.dev
• Size: 285 KB
• Stars: 97
• Watchers: 2
• Forks: 10
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Palette Generators from image

> Generate color palette from image to use in TaiwindCSS

> Website: 

![Palette generator banner](https://res.cloudinary.com/mayashavin/image/upload/w_700,q_auto,f_auto/v1599167283/colors_generator/palette-generator)

## Features

1. Detect and generate predominant colors of a given image.

2. Generate related palette for each color according to TailwindCSS style.

3. Copy & paste the palette code to use in TailwindCSS

## Technologies

Nuxt.js, TailwindCSS, Vercel

## Build Setup

```bash

# install dependencies

$ yarn install

# serve with hot reload at localhost:3000

$ yarn dev

# build for production and launch server

$ yarn build

$ yarn start

# generate static project

$ yarn generate

```

For detailed explanation on how things work, check out [Nuxt.js docs](https://nuxtjs.org).