Program:
Output:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS COLORS</title>
<style>
body {
font-family: Arial, sans-serif;
background: white url("img/image2.jpg") no-repeat fixed center;
color: white;
text-shadow: 0 0 5px red;
background-size: cover;
}
div {
height: 100px;
}
#rgb {
color: rgb(200, 200, 100);
text-shadow: 0 0 5px rgb(05, 200, 100);
}
#hex {
color: #885544;
text-shadow: 0 0 5px #00bfff;
}
#hsl {
color: hsl(200, 90%, 30%);
text-shadow: 0 0 5px hsl(50, 80%, 40%);
}
#rgba {
color: rgba(255, 0, 0, 0.5);
text-shadow: 0 0 5px rgba(0, 0, 255, 0.6);
}
#hsla {
color: hsla(283, 67%, 48%, 0.548);
text-shadow: 0 0 5px hsla(50, 80%, 40%, 0.6);
}
</style>
</head>
<body>
<!-- RGB -->
<h2>RGB</h2>
<div id="rgb">Coding Atharva </div>
<!-- HEX -->
<h2>HEX</h2>
<div id="hex">Coding Atharva </div>
<!-- HSL -->
<h2>HSL</h2>
<div id="hsl">Coding Atharva </div>
<!-- RGBA -->
<h2>RGBA</h2>
<div id="rgba">Coding Atharva </div>
<!-- HSLA -->
<h2>HSLA</h2>
<div id="hsla">Coding Atharva </div>
</body>
</html>
Output:
