1024mb / Rainbow-Palette

This little web app lets you create you own custom color palette and export it in plain CSS or Tailwind CSS.

Home Page:https://colors.apps.pawcode.de

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Rainbow Palette

GitHub Version Pipeline Checks Discord

Live Demo Storybook

This webapp helps you to generate your own color palette for websites and other projects. You can have palettes generated by different algorithms, choose from suggested ones or create your own. In addition, the website offers tools to try out the colors directly online and to export them directly into your project.

Screenshot

If you have further ideas for the tool or would like to contribute yourself, please visit my Discord server. All suggestions are discussed there, tasks are distributed and help is offered.

Roadmap

Status Version Features
🟩 0.1.0 Export palette
🟩 0.1.1 Adjust color shades
🟩 0.1.2 Redesign
🟩 0.1.3 Progressive Web App
🟩 0.1.4 Instructions & new icons
🟩 0.2.0 Improved algorithms
🟩 0.2.1 Enable analytics
πŸŸ₯ 0.2.2 Add custom dialogs
πŸŸ₯ 0.2.3 Import existing palettes from files
πŸŸ₯ 0.2.4 Adjust colors in other formats (RGB, HSV, ...)
πŸŸ₯ 0.3.0 Exemplary web components to preview palette
πŸŸ₯ 0.3.1 Provide prefabricated color palettes
πŸŸ₯ 0.3.2 Generate color palette from images

Side features

  • Add MDX-Stories for Storybook
  • Karma tests for classes
  • Preview palette in uploaded SVGs
  • Database storage for sharing palettes

Support for color formats

From \ To HEX RGB HSL HSV CMYK
HEX 🟩 🟨 🟨 🟨
RGB 🟩 🟩 🟨 🟩
HSL 🟨 🟩 🟩 🟨
HSV 🟨 🟨 🟩 🟨
CMYK 🟨 🟩 🟨 🟨

🟩: Direct conversion
🟨: Indirect conversion
πŸŸ₯: No conversion implemented

Support for export formats

  • CSS
  • TailwindCSS
  • SCSS
  • LESS

License

MIT

Author

Luis Wolf <development@pawcode.de>

About

This little web app lets you create you own custom color palette and export it in plain CSS or Tailwind CSS.

https://colors.apps.pawcode.de

License:MIT License


Languages

Language:TypeScript 73.0%Language:HTML 21.4%Language:CSS 3.3%Language:JavaScript 2.3%Language:Shell 0.0%