根据背景颜色自动选择好的边框颜色

Posted

技术标签:

【中文标题】根据背景颜色自动选择好的边框颜色【英文标题】:Automatically choose a good border color based on background color 【发布时间】:2011-03-17 10:31:46 【问题描述】:

我正在寻找有关根据一种指定颜色选择“好”颜色的任何资源。具体来说,如果我输入说...#6e93a8,一种漂亮的企业蓝色,它可以根据给定颜色的深浅吐出较深的蓝色作为边框颜色,并可能吐出白色或黑色作为文本。请记住,我可以输入任何十六进制值。

我觉得这只是在添加和减去十六进制值,但我希望有人以前做过,并且找到了一些好的资源或算法。

谢谢! 马特·穆勒

【问题讨论】:

【参考方案1】:

如果您已经知道要对颜色做什么,并且只需要一种用于转换颜色的算法,请查看this 答案,其中包含用于在 RGB 和 HSV 之间转换(以及返回)的算法。从那时起,您可以更改 HSV 值(使颜色更亮、更暗等)或在颜色深或浅时应用规则。

【讨论】:

感谢您的回复,但我并没有真正看到算法。我看到一个将其转换为 HSL 的答案,以及一个显示 HSL 与 HSV 有何不同的答案。哦,最后一个将 RGB 转换为 HSV。 我想我的意思是,当您在 HSV 中有颜色时,您已经描述的操作(使颜色变暗)很容易做到。也许这个关于颜色理论的教程可能有助于挑选匹配的颜色 - tigercolor.com/color-lab/color-theory/color-theory-intro.htm。 感谢您的帮助。这并不能完全回答我的问题,但它让我走上了正确的道路。谢谢!【参考方案2】:

您是在寻找算法还是只是一种工具? Kuler 是一个基于 Web 的工具,用于设计我认为可以满足您的目的的配色方案

【讨论】:

以上是关于根据背景颜色自动选择好的边框颜色的主要内容,如果未能解决你的问题,请参考以下文章

边框颜色怎么设置

背景颜色和边框[暂停]

CSS如何怎么设置div边框颜色宽度和高度

CSS如何怎么设置div边框颜色宽度和高度?

html 改a的边框颜色怎么做

怎么用CSS来写DIV的内边框颜色 宽度?