Skip to content

Vue.js Utility for HCT Color Space, powered by Google's advanced color technology.

Notifications You must be signed in to change notification settings

pgalhardo/colors

Repository files navigation

Vue.js HCT Color Space Utility

A user-friendly tool designed to simplify the process of creating beautiful tonal palettes. Generate tonal palettes and highlight colors based on your brand color, all powered by Google's HCT Color Space.

Features

  • Ease of Use: Input your brand color and get instant color palettes with a harmonized look.

  • Copy to Clipboard: Quickly copy the generated color values to your clipboard for easy use in your design tools.

Getting Started

  1. Clone this repository:
git clone https://github.com/pgalhardo/colors.git
  1. Navigate to the project directory:
cd colors
  1. Install dependencies using Yarn:
yarn install
  1. Open your browser and visit http://localhost:3000.

  2. Input your brand color by entering the HEX code.

  3. Click the generate button to automatically create tonal palettes and highlight colors.

  4. Copy the generated color values directly to your clipboard with a single click.

License

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

About

Vue.js Utility for HCT Color Space, powered by Google's advanced color technology.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published