Random Color Generator in HTML CSS and JS

#javascript #webdev #css #beginners

Hello everyone, I am back here with an amazing article 🌈

In this article, I am going to talk about creating a Random Color Article which might help you to improve your front end dev skills.

Purpose of making this

You will feel more self-confident
If you are a beginner you will learn something new from this tutorial, and if you are not a beginner then you will just practice a new thing

So, let's gets started

Make sure to check out this video

In index.html

<div class="container">
        <center>
            <div id="color" onclick="getRandomColor()"></div>
        </center>
    </div>

In style.css

#color {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 90px;
    font-weight: 900;
    mix-blend-mode: difference;
    cursor: pointer;
}