Colorfool

Colorfool is a web application built with Next.js that allows users to input a color in any format (HEX, RGB, HSL, etc.) and instantly view its conversions to other color formats. The app also provides color swatches, easy copy-to-clipboard functionality, and a modern, responsive UI. It is designed for developers, designers, and anyone who works with colors.

Features

• Input a color in any supported format (HEX, RGB, HSL, etc.)
• Instantly see conversions to all other major color formats
• Copy any color value to clipboard with a single click
• View color swatches for quick reference
• Light and dark mode support
• Debounced input for smooth user experience
• Built with modern React, TypeScript, and Next.js App Router

Getting Started

To run the project locally:

# Install dependencies
npm install

# Start the development server
npm run dev

Then open http://localhost:3000 in your browser.

You can edit the main page in src/app/page.tsx. Changes will auto-update.

Contributing

Contributions are welcome! To contribute:

1. Fork the repository and create your branch from main.
2. Install dependencies with npm install.
3. Make your changes in the src/ directory.
4. Test your changes locally by running npm run dev.
5. Commit your changes with clear messages.
6. Push to your fork and open a pull request.

Guidelines

• Follow the existing code style and structure.
• Write clear, concise commit messages.
• For major changes, open an issue first to discuss what you would like to change.
• Ensure your code does not break existing functionality.
• Add comments and documentation where helpful.

Thank you for helping improve Colorfool!