color using name

color using hexcode

color using standard name of color = DodgerBlue

color using rbga , [red, blue, green, alpha]
> red (0-255),
> blue (0-255),
> green (0-255),
> alpha (0-1) = 0-full transparent, 1-opaque

color using hsla, [ Hue, Saturation, Lightness, alpha ]
> hue (0-360) = 0-red, 240-green, 360-blue
> saturation (0-100%) = 0-gray, 100-full color
> lightness (0-100%) = 0-black, 100-white
> alpha (0-1) = 0-full transparent, 1-opaque

Exported from Notepad++
<html><head><title>color</title><style> body{ font-family:arial; background-image:url(med.jpg); } .c1{ max-width: 800px; border:1px solid black; background-color:red; } .c2{ max-width: 800px; border:1px solid ; background-color:#ff0000;} .c3{ max-width: 800px; border:1px solid ; background-color:rgba(255,0,0,0.5); } .c4{ max-width: 800px; border:1px solid ; background-color:hsla(240,50%,80%,0.7); } /*hue, saturation, and lightness.*/ .c7{ max-width: 800px; border:1px solid black; background-color:DodgerBlue; } </style></head> <body> <h3 class= "c1"> color using name </h3> <h3 class= "c2"> color using hexcode </h3> <h3 class= "c7"> color using standard name of color = DodgerBlue </h3> <p class= "c3"> color using rbga , [red, blue, green, alpha]</br> > red (0-255),</br> > blue (0-255),</br> > green (0-255),</br> > alpha (0-1) = 0-full transparent, 1-opaque </p> <p class= "c4"> color using hsla, [ Hue, Saturation, Lightness, alpha ]</br> > hue (0-360) = 0-red, 240-green, 360-blue</br> > saturation (0-100%) = 0-gray, 100-full color</br> > lightness (0-100%) = 0-black, 100-white</br> > alpha (0-1) = 0-full transparent, 1-opaque </p> </body> </html>