ok So I have created a color scheme, to highlight certain parts of input data(text).
However i need to make a Legend , to tell the user what each color means. This is what i Have so far : ` /input/
<div style="text-color: hsl($col,35%, 100%);">/*input*/</div>
<div style="text-color: hsl($col,45%, 50%);">/*input*/</div>
<div style="text-color: hsl($col,50%, 100%);">/*input*/</div>
<div style="text-color: hsl($col,55%, 100%);">/*input*/</div>
<div style="text-color: hsl($col,60%, 100%);">/*input*/</div>
<div style="text-color: hsl($col,70%, 100%);">/*input*/</div>
<div style="text-color: hsl($col,80%, 100%);">/*input*/</div>
<div style="text-color: hsl($col,90%, 100%);">/*input*/</div>
<div style="text-color: hsl($col,100%, 100%);">/*input*/</div>
` where input- will be the label of the color e.g. this means strong result. $col is a variable that will change the color each time e.g. 0 = red, etc.
I need to know how to make the colors i have here into a legend , which be on a html page.
Any help please?
Thanks:)