Browse through the Tailwind CSS colors in HSL, RGB, and HEX formats.

Description

This Next.js 14 project provides an interactive web application to explore and utilize the Tailwind CSS color palette. Users can view colors in various formats (HSL, RGB, and HEX) and create custom palettes.

Features

• Browse Tailwind CSS colors
• View colors in HSL, RGB, and HEX formats
• Create custom color palettes
• Responsive design

Technologies Used

• Next.js 14
• React
• Tailwind CSS
• Geist Sans
• Heroicons

Getting Started

Prerequisites

• Node.js (version 18x or later)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/tailwind-color-palette.git
   

2. Navigate to the project directory:

   cd tailwind-color-palette
   

3. Install dependencies:

   npm install
   

4. Set up environment variables: Create a .env.local file in the root directory and add:

   HOST_NAME=http://localhost:3000
   

   Replace with your actual hostname in production.

Running the Development Server

npm run dev

Open http://localhost:3000 in your browser to see the result.