Screenbows

Screenbows is a web-based color generation tool that allows you to create and download beautiful color palettes as image files for your design and development projects

The project is deployed at Screenbows

Why Screenbows?

Screenbows offers a user-friendly way to generate and download beautiful colors for your projects.

Whether you need color inspiration or want to create eye-catching visuals, Screenbows simplifies the process by providing a range of features for color generation and customization.

With Screenbows, you can effortlessly obtain hex codes for colors and save your preferred color as an image, making it an essential tool for designers, developers, and anyone in need of vibrant color schemes.

Table of Contents

• Features
• Installation
  • Prerequisites
  • Installation Steps
• Usage
• Contributing

Features

• Click on the button with the shuffle icon to generate a new color.
• Get the hex code of the color that is generated.
• Download the color as an image with one click.
• Adjustable width and height of the image.
• Easy-to-use.
• The hex code can be added manually as well, simply type the preferred code in the hexa code input box

Installation

Prerequisites

Before you begin, ensure you have met the following requirements:

• Node.js installed on your local machine.
• Git installed on your local machine.

Installation Steps

1. Clone the repository to your local machine:

git clone https://github.com/manancodes/Screenbows

2. Change directory to the project folder:

cd Screenbows

3. Install the dependencies:

npm install

4. Run Screenbows:

npm start

Usage

Screenbows is designed to be user-friendly and is accessible on both desktop and mobile devices. Follow these steps to make the most of this color generation tool:

1. Generate a New Color: Click the "Shuffle icon" button to generate a new color.

   

2. Get the Hex Code: Once a color is generated, you can easily obtain the hex code of the color by copying it.

   

3. Download as Image: Want to save the color for later use? Simply click the "Download" button to save it as an image.

   

4. Customize Image Dimensions: If you need a color of specific dimensions, you can adjust the width and height of the image before downloading it.

   

5. Manually Enter Hex Code: If you have a specific color in mind, you can manually input the hex code in the provided input box to generate that exact color.

   

Contributing

We welcome contributions from the community. If you would like to contribute to Screenbows, please follow these steps:

• Fork the repository on GitHub.
• Clone your fork to your local machine.
• Create a new branch with a descriptive name.
• Make your changes and commit them.
• Push your changes to your fork on GitHub.
• Open a pull request on the main repository.