https://github.com/nicolaeciobanuu/huez

Automatic UI Color Palette Generator
https://github.com/nicolaeciobanuu/huez

app-router app-router-nextjs brand chromajs color css css-modules css3 hex hsl javascript nextjs npmjs palette reactjs rgb sass scss scss-modules typescript

Last synced: about 1 month ago
JSON representation

Automatic UI Color Palette Generator

• Host: GitHub
• URL: https://github.com/nicolaeciobanuu/huez
• Owner: nicolaeciobanuu
• License: mit
• Created: 2023-08-23T10:30:52.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2023-09-19T18:28:49.000Z (about 1 year ago)
• Last Synced: 2024-09-29T15:20:13.127Z (about 2 months ago)
• Topics: app-router, app-router-nextjs, brand, chromajs, color, css, css-modules, css3, hex, hsl, javascript, nextjs, npmjs, palette, reactjs, rgb, sass, scss, scss-modules, typescript
• Language: TypeScript
• Homepage: https://huez.ciobanunicolae.com
• Size: 133 KB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## Huez

Automatic UI Color Palette Generator from a Base Color

[huez](https://huez.ciobanunicolae.com)

## Installation

```

npm install huez

```

## Usage

```jsx

import { huez } from "huez";

const baseColor = "#0077cc";

const colorFormat = "hex"; // "hsl", "rgb", or "hex"

try {

  const palette = huez(baseColor, colorFormat);

} catch (error) {

  console.error(error.message);

}

```

## To do

- [x] Add contibuting guide

- [ ] Set up workflows

- [ ] Change output to formatted string ( hsl(30, 50%, 75%) instead of [30,50,75] )

- [ ] Create documentation

## Contributing

Please read the [contributing guide](/CONTIBUTING.md)

## License

[MIT](https://github.com/ciobanunicolae/huez/blob/master/LICENSE)