Color Flipper

Brief Description

In this project, I developed a simple web tool that changes the background color using random HEX codes. The application automatically cycles through colors and supports one-click copying of the generated code.

Problem

Simple random color generation tools often lack visual appeal and do not consider the readability of the generated color. It's essential to maintain text visibility when the background changes and to provide a quick copying workflow.

Solution

In this project, I built a system that generates random HEX codes from millions of colors. I added a loop that automatically changes the background color every 10 seconds and adjusts the text color to black or white based on the background's brightness. I also enhanced the interface with one-click clipboard copying, visual feedback, glassmorphism design, and transition animations for a cleaner user experience.

Outcome

The result is a small, complete interface project that runs directly in the browser without any setup. The project addresses both random color generation and essential usability details like readability and copying all on a single screen.

Technologies

Vanilla JavaScript, CSS, HTML5, FontAwesome

Installation