HTML/CSS - The Guide to Colours for Coding Online Editor and JavaScript Compiler

html

<!-- Created by Lord Krishna-->
<!-- created by Skyblue2000 -->
<!DOCTYPE html>
<html>
    <head>
        <title>Colors</title>
    </head>
    <body>
     <header>
     <h1>Your guide to colors in coding</h1>
     <h2> Colors by name</h2>
      <div id="border">
     <h3>background colors</h3>
    <ol>
    <li id="Maroon">Maroon</li>
    <li id="brown">brown</li>
    <li id="red">red</li>
    <li id="indianred">indianred</li>
    <li id="rosybrown">rosybrown</li>
    <li id="lightcoral">lightcoral</li>
    <li id="snow">snow</li>
    <li id="salmon">salmon</li>
    <li id="MistyRose">MistyRose</li>
    <li id="tomato">Tomato</li>
    <li id="DarkSalmon">DarkSalmon</li>
    <li id="OrangeRed">OrangeRed</li>

css

/* Created by Lord Krishna */
/* Created by Skyblue2000 */
/* more will be added later */
body{
    background-color:  hsla(270,60%,50%,0.4);
    font-style: 100%;
    color:  black;
    text-align: center;
    text-transform: capitalize;
} 
h1 {
    background-color:  white;
    color:  black;
}
h2 {
    background-color:  white;
    color:  navy;
}
/* should be reduced */
 body {
    border: solid;
    border-color:  purple;
    border-width: 0.9em;
    border-style: thick;
    background-image: radial-gradient( crimson,  crimson,  royalblue);
}

// Created by Lord Krishna
// Created by Skyblue2000
"use strict";
const pr = prompt;
const a = alert;
const c = console;
a("Comment and upvote if you liked this code!")
a("Post your favourite color in the comments")
 //a("more colors will be added later \n feel free to drop suggestions")
 
/* a(" Suggestion & Tips to improve will be considered") */
//a("currently under construction")

BROWSER

Console