好的,所以我创建了一个配色方案,以突出显示输入数据(文本)的某些部分。
但是我需要制作一个 Legend ,告诉用户每种颜色的含义。这就是我到目前为止所拥有的:`/输入/
<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>
` 其中 input- 将是颜色的标签,例如这意味着强结果。$col 是一个每次都会改变颜色的变量,例如 0 = 红色等。
我需要知道如何将我在这里的颜色变成一个图例,它位于一个 html 页面上。
请问有什么帮助吗?
谢谢:)