HTML Colors
HTML Colors
On this page
HTML Color Names
<!DOCTYPE html>
<html>
<head>
<title>HTML Color Names</title>
</head>
<body>
<h1 style="background-color: Red;">Red</h1>
<h1 style="background-color: Green;">Green</h1>
<h1 style="background-color: Blue;">Blue</h1>
</body>
</html>
Output
Red
Green
Blue
HTML Background Color
<!DOCTYPE html>
<html>
<head>
<title>HTML Background Color</title>
</head>
<body>
<h1 style="background-color: lightblue;">Hello World</h1>
</body>
</html>
Output
Hello World
HTML Text Color
<!DOCTYPE html>
<html>
<head>
<title>HTML Text Color</title>
</head>
<body>
<h1 style="color: #ffc008;">Hello World</h1>
</body>
</html>
Output
Hello World
HTML Border Color
<!DOCTYPE html>
<html>
<head>
<title>HTML Border Color</title>
</head>
<body>
<h1 style="border: 2px solid #ffc008;">Hello World</h1>
<h1 style="border: 5px solid green; color: red;">Hello World</h1>
</body>
</html>
Output
Hello World
Hello World
HTML Color Values
<!DOCTYPE html>
<html>
<head>
<title>HTML Color Values</title>
</head>
<body>
<h1 style="background-color:#dc3545;">HTML HEX Colors Values</h1>
<h1 style="background-color: black; color: #f1f1f1;">HTML Name Colors Values</p>
<h1 style="background-color: rgb(26, 135, 84);">HTML rgb Colors Values</h1>
<h1 style="background-color:rgba(13,110,253,1);">HTML rgba Colors Values</h1>
<h1 style="background-color:hsl(45 100% 52%);">HTML hsl Colors Values</h1>
</body>
</html>
Output
HTML HEX Colors Values
HTML Name Colors Values
HTML rgb Colors Values
HTML rgba Colors Values
HTML hsl Colors Values