随机 – 以编程方式选择高对比度的颜色

前端之家收集整理的这篇文章主要介绍了随机 – 以编程方式选择高对比度的颜色前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这应该是一个简单的问题,但我无法找到一种方法来使其工作。

本质上,我有一个愚蠢的本地主机页面,我在我的网页开发中使用。当我在我们的开发服务器和本地版本的C#代码(从dev url通过主机文件重定向)之间冲浪时,我已经知道有时会忘记’dev.foo.com’指向 – 本地或服务器。

所以我创建了一个页面,它将作为我的默认网页的默认页面本地运行,所以我可以很容易地从服务器识别我的本地主机。

这个页面随机地做了很多事情(包括生成角色的D&D的起始统计数据),包括设置随机的背景颜色。我通过在0和255之间生成3个随机数,并将其设置为CSS中的身体背景颜色的RGB值来实现。

给定3个int R,G和B,如何确定R2,G2和B2,使第二个颜色与第一个颜色具有高对比度?我喜欢这个页面随机的背景颜色(它让我不再习惯了到达目标页面的外观),但我也喜欢阅读文本。

解决方法

因为色彩本身的分辨率太低,所以文本的亮度需要有所不同。

所以作为一个算法,我建议如下:

>选择随机的背景颜色。>然后决定是否是浅色或深色。例如,您可以检查三原色的平均值是否大于或等于128。>对于浅色使用黑色文字,黑暗一个白色文字

原文链接:https://www.f2er.com/css/218899.html

猜你在找的CSS相关文章