html - css - 具有浅阴影颜色的文本和具有较深颜色的前景

标签 html css colors

这只是一个美学问题,但问题是我有一个随机颜色的文本列表,但它们都是浅色/亮色(而且必须是),这使得它们很难在白色背景上阅读。我将该颜色设置为文本阴影,我希望文本本身具有更暗、可读的颜色,类似于主光颜色

我的问题是,如果我设置文本亮度或给它一个较低 alpha 的黑色,它看起来太灰了,我希望它越暗越饱和,所以它保持主色更明显:

enter image description here或者 enter image description here

是否有任何我可以实现的 css 混合器或公式可以给我其中之一的结果?

最佳答案

我通过同时应用 css 函数 brightness(0.6) 和 contrast(200%) 设法实现了这一点。这些值可以更改,但我建议只更改亮度(根据您想要文本的暗度),因为对比度值已经为变暗的文本提供了漂亮的颜色

关于html - css - 具有浅阴影颜色的文本和具有较深颜色的前景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51791507/

相关文章:

html - css shrinkwrap div 比其父级宽

html - 下拉菜单未显示全文且文本未对齐

html - 网络表格中的间距

html - 文本 图像 文本 内联 HTML CSS

javascript - 在 javascript 中将样式表添加到 html 中不起作用

java - 从灰度图像构建颜色条

python - 无法触发颜色上的鼠标按下事件

javascript - 如何预取/缓存 iframe 内容?

javascript - 如何在 iOS 上取消双击滚动手势?

java - 如何使用 JAVA 将带有 alpha 的 PNG 转换为保留颜色的 JPEG