🎨 Tints and Shades Generator 💚

A web tool to easily and intuitively generate tints and shades of colors

🔗 Open App • Features • How to Use • Technology Stack • Installation • License

📝 Overview

Tints and Shades Generator is a tool that allows designers and developers to easily create color variations. It generates tints (lighter colors mixed with white) and shades (darker colors mixed with black) from a base color, supporting the creation of color palettes for web and UI design.

✨ Features

• 💪 Simple yet powerful color generation
• ⚡ Fast and intuitive user experience
• 🎨 TailwindCSS compatible color palette generation
• 🎚 Adjust color weights with 0.1% precision
• 🖌 Visual color selection with a color picker
• 📊 Preview and listing of generated colors
• 😍 Customizable display options
• 📋 One-click copy of color codes
• 📱 Responsive design for mobile compatibility

🚀 How to Use

1. Enter or select a base color from the color picker
2. Adjust the weights as needed
3. Check the generated color palette
4. Click on your preferred color code to copy it
5. Customize display options as needed

💻 Technology Stack

• Nuxt 3
• NuxtUI 3
• TailwindCSS
• tinycolor

🔧 Installation

git clone https://github.com/k-urtica/tints-and-shades.git

cd tints-and-shades

pnpm install

pnpm run dev

🔗 URL

https://tintsshades.web-toolbox.dev/

📄 License

This project is licensed under the MIT License.
Copyright © 2025 K.

👨‍💻 Developer

👤 K

• Twitter: @k_urtica
• GitHub: @k-urtica