Random color generator

Developer
Yuvaraj Tana
Size
1,844 Kb
Views
12,144
  1. Random color generator Previews
  2. Random color generator HTML Codes
  3. Random color generator CSS Codes
  4. Random color generator JS Codes

How do I make an random color generator?

What is a random color generator? How do you make a random color generator? This script and codes were developed by Yuvaraj Tana on 23 November 2022, Wednesday.

Random color generator Previews
IQ Test

Random color generator - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Random color generator </title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <p>color of text will keep changing on each click</p>
<button onClick="getRandomColor()">Click on me</button> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Random color generator - Script Codes CSS Codes

p{ font-size:60px; text-align:center;
}

Random color generator - Script Codes JS Codes

//Method:1
function getRandomColor() { var letters = '0123456789ABCDEF'.split(''); var color = '#'; for (var i = 0; i < 6; i++ ) { color += letters[Math.floor(Math.random() * 16)]; } $('p').css('color',color);
}
// Method:2
var randomColorHaxValues = Math.floor(Math.random()*16777215).toString(16);
$('p').css('color',randomColorHaxValues);
var randomColorRgbValues = 'rgb(' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ')';
Random color generator - Script Codes
Random color generator - Script Codes
Home Page Home
Developer Yuvaraj Tana
Username YuvarajTana
Uploaded November 23, 2022
Rating 3
Size 1,844 Kb
Views 12,144
Do you need developer help for Random color generator?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Yuvaraj Tana (YuvarajTana) Script Codes
Name
A Pen by Yuvaraj Tana
Basic HTML5 Structure
Understanding Box Model
Background Text Using CSS overlay Like Watermark
Ng-repeat
Example 1 - SVG - Circle
Grouping checkbox
React - Hello world
Angular custom directive for donut chart
Digital Clock using JavaScript
Create amazing video scripts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!