A small interactive web app where you can generate random HEX colors, copy them in one click, see them as animated circles, and browse recent colors via a simple history panel.
Built with HTML, CSS, and JavaScript, it showcases a clean UI, smooth visuals, and handy UX details.
- 🎯 Valid 6‑digit HEX color generation
- 🟣 Animated colored circles (keeps up to 5 on screen)
- 🏷️ Live color label for the current HEX
- 📋 One‑click copy via Clipboard API
- 🕘 History of the last 10 colors
- 🖱️ Apply any color from history with a click
- JavaScript generates a valid HEX using
generateValidHexColor()and renders a new circle per color. - The circle animation stacks up to 5 latest colors (oldest are removed).
- The current HEX is displayed in the header and on the color tile.
- Clipboard API copies the visible HEX when you click the color tile.
- A simple history panel stores up to 10 colors; clicking an item reapplies that color with the same animation/update flow.
| Language / Tool | Purpose |
|---|---|
| HTML | Page structure and UI elements |
| CSS | Styling, layout, and animations |
| JavaScript | Color generation, copy, history, and interactions |
- Visit this page.
Saweli Kudasow
This project is free to use for educational purposes.