/OKolors

Primary LanguageCSS

OKolors

OKolors is a lightweight and interactive web application that allows users to generate stunning OKLCH CSS color palettes effortlessly. Built with SvelteKit, the app provides an intuitive and dynamic user experience, enabling users to bring their design ideas to life in a modern color space.

Table of Contents

Features

  • Generate OKLCH CSS Color Palettes: Create and adjust OKLCH color palettes on the fly.
  • Interactive UI: Adjust lightness, chroma, and hue using sliders for precise control.
  • Instant Preview: See changes to your palette in real time.
  • Export Functionality: Easily export your created palettes for use in CSS.

Installation

Before starting, ensure you have Node.js and npm installed on your system. I'm using pnpm as the package manager.

  1. Clone the repository:
git clone https://github.com/kyrregjerstad/okolors.git
  1. Navigate to the okolors directory:
cd okolors
  1. Install the dependencies:
pnpm i

Running the Application

After installing the necessary dependencies, start the development server:

pnpm dev

The application should now be running on localhost:5173.

Contribution

Contributions to OKolors are always welcome. Whether you're looking to fix bugs, add new features, or update documentation, your help is greatly appreciated!

To contribute:

  1. Fork the repository and create your branch from main.
  2. Make your changes.
  3. Push your branch and open a pull request.

Please make sure your contributions adhere to our coding guidelines.

License

This project is licensed under the MIT License - see the LICENSE.md file for details.

Enjoy using OKolors and happy designing!