作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
好的所以我创建了一个配色方案,以突出显示输入数据(文本)的某些部分。
但是我需要制作一个 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 页面上的图例。
有什么帮助吗?
谢谢:)
最佳答案
我猜您正试图用颜色的实际名称替换您的/input/占位符,即栗色、黑色、黄色等。您可能最终会编写自己的替换代码。颜色名称可在此处获得http://www.imagemagick.org/script/color.php或这里 http://www.w3schools.com/cssref/css_colornames.asp .如果你有 ImageMagick,你可以创建单像素图像并使用 http://www.php.net/manual/en/imagickpixel.getcolorasstring.php检索颜色名称,据我所知 - 你应该缓存结果,但是......我不知道任何其他内置函数,但您可以检查一些类存储库,例如 phpclasses.org。
希望对你有帮助,斯特凡
关于php HSL配色方案: Making a legend,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10315241/
我是一名优秀的程序员,十分优秀!