<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	
	>
<channel>
	<title>
	「contrast-color()：在 CSS 中让浏览器给出对比色」的评论	</title>
	<atom:link href="https://www.aqee.net/post/how-to-have-the-browser-pick-a-contrasting-color-in-css/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.aqee.net/post/how-to-have-the-browser-pick-a-contrasting-color-in-css/</link>
	<description>程序员工作、生活、爱情、事业</description>
	<lastBuildDate>Tue, 20 May 2025 13:15:20 +0000</lastBuildDate>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.7.5</generator>
	<item>
		<title>
		评论者：troupo		</title>
		<link>https://www.aqee.net/post/how-to-have-the-browser-pick-a-contrasting-color-in-css/#comment-60383</link>

		<dc:creator><![CDATA[troupo]]></dc:creator>
		<pubDate>Tue, 20 May 2025 13:15:10 +0000</pubDate>
		<guid isPermaLink="false">https://www.aqee.net/?p=10216#comment-60383</guid>

					<description><![CDATA[回复给 &lt;a href=&quot;https://www.aqee.net/post/how-to-have-the-browser-pick-a-contrasting-color-in-css/#comment-60382&quot;&gt;refulgentis&lt;/a&gt;。

&lt;p&gt;我没有投票，但 “你的文章是错的 ”这句话忽略了整篇文章，也忽略了对 “纯数字对比度越大，对比度就越大 ”的详细解释。&lt;/p&gt;&lt;p&gt;&lt;i&gt;&#062; 2020 年，谷歌围绕同样的科学建立了色彩系统，实现了最新迭代的材料主题化&lt;/i&gt;&lt;/p&gt;&lt;p&gt;难怪包括 Material 在内的所有谷歌产品都会在对比度方面出现问题。 &lt;/p&gt;]]></description>
			<content:encoded><![CDATA[<p>回复给 <a href="https://www.aqee.net/post/how-to-have-the-browser-pick-a-contrasting-color-in-css/#comment-60382">refulgentis</a>。</p>
<p>我没有投票，但 “你的文章是错的 ”这句话忽略了整篇文章，也忽略了对 “纯数字对比度越大，对比度就越大 ”的详细解释。</p>
<p><i>&gt; 2020 年，谷歌围绕同样的科学建立了色彩系统，实现了最新迭代的材料主题化</i></p>
<p>难怪包括 Material 在内的所有谷歌产品都会在对比度方面出现问题。 </p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		评论者：healsdata		</title>
		<link>https://www.aqee.net/post/how-to-have-the-browser-pick-a-contrasting-color-in-css/#comment-60355</link>

		<dc:creator><![CDATA[healsdata]]></dc:creator>
		<pubDate>Tue, 20 May 2025 13:15:09 +0000</pubDate>
		<guid isPermaLink="false">https://www.aqee.net/?p=10216#comment-60355</guid>

					<description><![CDATA[回复给 &lt;a href=&quot;https://www.aqee.net/post/how-to-have-the-browser-pick-a-contrasting-color-in-css/#comment-60354&quot;&gt;rendaw&lt;/a&gt;。

&lt;p&gt;仅仅因为你没有遇到过该工具有用的情况，就断然否定它，这种做法是有局限性的。&lt;/p&gt;&lt;p&gt;很多网站都允许最终用户选择颜色[1]，或根据最终用户提供的资产自动生成颜色。对于那些注重可访问性的网站来说，它们通常会计算对比色，以防止用户创造出非可访问性的体验。希望像这样的内置 CSS 工具能鼓励更多网站提供基本的可访问性，同时也不会妨碍那些希望打造更好体验的网站。&lt;/p&gt;&lt;p&gt;如果这个工具能像 npm contrast-color 软件包一样更容易定制，那就更好了，但博文中详细说明了为什么他们一开始使用白色/黑色，并打算以后改变算法。&lt;/p&gt;&lt;p&gt;[1] Example: https://coolors.co/8fbfe0-7c77b9-1d8a99-0bc9cd-14fff7&lt;/p&gt;]]></description>
			<content:encoded><![CDATA[<p>回复给 <a href="https://www.aqee.net/post/how-to-have-the-browser-pick-a-contrasting-color-in-css/#comment-60354">rendaw</a>。</p>
<p>仅仅因为你没有遇到过该工具有用的情况，就断然否定它，这种做法是有局限性的。</p>
<p>很多网站都允许最终用户选择颜色[1]，或根据最终用户提供的资产自动生成颜色。对于那些注重可访问性的网站来说，它们通常会计算对比色，以防止用户创造出非可访问性的体验。希望像这样的内置 CSS 工具能鼓励更多网站提供基本的可访问性，同时也不会妨碍那些希望打造更好体验的网站。</p>
<p>如果这个工具能像 npm contrast-color 软件包一样更容易定制，那就更好了，但博文中详细说明了为什么他们一开始使用白色/黑色，并打算以后改变算法。</p>
<p>[1] Example: <a href="https://coolors.co/8fbfe0-7c77b9-1d8a99-0bc9cd-14fff7" rel="nofollow ugc">https://coolors.co/8fbfe0-7c77b9-1d8a99-0bc9cd-14fff7</a></p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		评论者：naggie		</title>
		<link>https://www.aqee.net/post/how-to-have-the-browser-pick-a-contrasting-color-in-css/#comment-60361</link>

		<dc:creator><![CDATA[naggie]]></dc:creator>
		<pubDate>Tue, 20 May 2025 13:15:09 +0000</pubDate>
		<guid isPermaLink="false">https://www.aqee.net/?p=10216#comment-60361</guid>

					<description><![CDATA[&lt;p&gt;太酷了 我用 python 和终端颜色手动做了类似的事情 https://calbryant.uk/blog/destroying-the-right-server-with-c...&lt;/p&gt;]]></description>
			<content:encoded><![CDATA[<p>太酷了 我用 python 和终端颜色手动做了类似的事情 <a href="https://calbryant.uk/blog/destroying-the-right-server-with-c" rel="nofollow ugc">https://calbryant.uk/blog/destroying-the-right-server-with-c</a>&#8230;</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		评论者：ezfe		</title>
		<link>https://www.aqee.net/post/how-to-have-the-browser-pick-a-contrasting-color-in-css/#comment-60357</link>

		<dc:creator><![CDATA[ezfe]]></dc:creator>
		<pubDate>Tue, 20 May 2025 13:15:09 +0000</pubDate>
		<guid isPermaLink="false">https://www.aqee.net/?p=10216#comment-60357</guid>

					<description><![CDATA[回复给 &lt;a href=&quot;https://www.aqee.net/post/how-to-have-the-browser-pick-a-contrasting-color-in-css/#comment-60354&quot;&gt;rendaw&lt;/a&gt;。

&lt;p&gt;&lt;i&gt;&#062; 他们使用了最糟糕的对比度选择算法&lt;/i&gt;&lt;/p&gt;&lt;p&gt;他们明确表示，他们遵循的是 WCAG 2 算法，WCAG 3 可能会纠正这个问题。他们说，将来标准化后，他们可以很容易地调整使用更好的算法。&lt;/p&gt;]]></description>
			<content:encoded><![CDATA[<p>回复给 <a href="https://www.aqee.net/post/how-to-have-the-browser-pick-a-contrasting-color-in-css/#comment-60354">rendaw</a>。</p>
<p><i>&gt; 他们使用了最糟糕的对比度选择算法</i></p>
<p>他们明确表示，他们遵循的是 WCAG 2 算法，WCAG 3 可能会纠正这个问题。他们说，将来标准化后，他们可以很容易地调整使用更好的算法。</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		评论者：andix		</title>
		<link>https://www.aqee.net/post/how-to-have-the-browser-pick-a-contrasting-color-in-css/#comment-60358</link>

		<dc:creator><![CDATA[andix]]></dc:creator>
		<pubDate>Tue, 20 May 2025 13:15:09 +0000</pubDate>
		<guid isPermaLink="false">https://www.aqee.net/?p=10216#comment-60358</guid>

					<description><![CDATA[&lt;p&gt;有没有一种在构建时就能完成的好的替代方法？能在 SASS、Tailwind 等之上运行的东西？&lt;/p&gt;&lt;p&gt;这项功能的普及还需要一些时间，而且我对它能否在所有平台上以相同（或正确）的方式实现有些怀疑。&lt;/p&gt;]]></description>
			<content:encoded><![CDATA[<p>有没有一种在构建时就能完成的好的替代方法？能在 SASS、Tailwind 等之上运行的东西？</p>
<p>这项功能的普及还需要一些时间，而且我对它能否在所有平台上以相同（或正确）的方式实现有些怀疑。</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		评论者：coolcase		</title>
		<link>https://www.aqee.net/post/how-to-have-the-browser-pick-a-contrasting-color-in-css/#comment-60352</link>

		<dc:creator><![CDATA[coolcase]]></dc:creator>
		<pubDate>Tue, 20 May 2025 13:15:09 +0000</pubDate>
		<guid isPermaLink="false">https://www.aqee.net/?p=10216#comment-60352</guid>

					<description><![CDATA[回复给 &lt;a href=&quot;https://www.aqee.net/post/how-to-have-the-browser-pick-a-contrasting-color-in-css/#comment-60351&quot;&gt;atum47&lt;/a&gt;。

&lt;p&gt;有趣的是，一位姐妹的评论给出了一个色彩空间公式，可以做到这一点&lt;/p&gt;&lt;p&gt;https://news.ycombinator.com/item?id=44015990&lt;/p&gt;&lt;p&gt;视频看起来不错。我不会说葡萄牙语，所以无法判断你说了什么，但代码看起来不错！&lt;/p&gt;]]></description>
			<content:encoded><![CDATA[<p>回复给 <a href="https://www.aqee.net/post/how-to-have-the-browser-pick-a-contrasting-color-in-css/#comment-60351">atum47</a>。</p>
<p>有趣的是，一位姐妹的评论给出了一个色彩空间公式，可以做到这一点</p>
<p><a href="https://news.ycombinator.com/item?id=44015990" rel="nofollow ugc">https://news.ycombinator.com/item?id=44015990</a></p>
<p>视频看起来不错。我不会说葡萄牙语，所以无法判断你说了什么，但代码看起来不错！</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		评论者：akkartik		</title>
		<link>https://www.aqee.net/post/how-to-have-the-browser-pick-a-contrasting-color-in-css/#comment-60360</link>

		<dc:creator><![CDATA[akkartik]]></dc:creator>
		<pubDate>Tue, 20 May 2025 13:15:09 +0000</pubDate>
		<guid isPermaLink="false">https://www.aqee.net/?p=10216#comment-60360</guid>

					<description><![CDATA[&lt;p&gt;最近，我做了一个 500 行的超文本浏览器。然后，我又用 200 行添加了这种自动对比色选择器。在这个过程中，我学到了很多关于色彩空间的知识。&lt;/p&gt;&lt;p&gt;https://akkartik.name/post/2025-04-04-devlog&lt;/p&gt;&lt;p&gt;我的方法有一个不同之处：这是一个创作时的工具。如果没有足够的对比色，就会出错。因此，你必须改变背景，直到有足够的对比色为止。&lt;/p&gt;]]></description>
			<content:encoded><![CDATA[<p>最近，我做了一个 500 行的超文本浏览器。然后，我又用 200 行添加了这种自动对比色选择器。在这个过程中，我学到了很多关于色彩空间的知识。</p>
<p><a href="https://akkartik.name/post/2025-04-04-devlog" rel="nofollow ugc">https://akkartik.name/post/2025-04-04-devlog</a></p>
<p>我的方法有一个不同之处：这是一个创作时的工具。如果没有足够的对比色，就会出错。因此，你必须改变背景，直到有足够的对比色为止。</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		评论者：atum47		</title>
		<link>https://www.aqee.net/post/how-to-have-the-browser-pick-a-contrasting-color-in-css/#comment-60353</link>

		<dc:creator><![CDATA[atum47]]></dc:creator>
		<pubDate>Tue, 20 May 2025 13:15:09 +0000</pubDate>
		<guid isPermaLink="false">https://www.aqee.net/?p=10216#comment-60353</guid>

					<description><![CDATA[回复给 &lt;a href=&quot;https://www.aqee.net/post/how-to-have-the-browser-pick-a-contrasting-color-in-css/#comment-60352&quot;&gt;coolcase&lt;/a&gt;。

&lt;p&gt;谢谢&lt;/p&gt;]]></description>
			<content:encoded><![CDATA[<p>回复给 <a href="https://www.aqee.net/post/how-to-have-the-browser-pick-a-contrasting-color-in-css/#comment-60352">coolcase</a>。</p>
<p>谢谢</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		评论者：rendaw		</title>
		<link>https://www.aqee.net/post/how-to-have-the-browser-pick-a-contrasting-color-in-css/#comment-60354</link>

		<dc:creator><![CDATA[rendaw]]></dc:creator>
		<pubDate>Tue, 20 May 2025 13:15:09 +0000</pubDate>
		<guid isPermaLink="false">https://www.aqee.net/?p=10216#comment-60354</guid>

					<description><![CDATA[&lt;p&gt;你可以选择配色方案中的所有颜色，为什么这比一开始就选择对比鲜明的按钮文字颜色更容易呢？这个功能是为了帮助那些功能不健全的团队，以至于个人可以自由选择不一致的背景色，但同时却无法选择对比鲜明的前景色？&lt;/p&gt;&lt;p&gt;真正需要修复的是在图片或其他不同背景上显示文字（例如，在滚动背景上显示粘性/固定文字），并且需要让文字始终可见的情况。而......这根本无济于事。&lt;/p&gt;&lt;p&gt;因此，这不仅只能（也许）在非常可疑的情况下提供帮助，他们还需要为它设计一个全新的动词，它的功能设置也很贫乏（只能选择黑色或白色），而且他们还采用了最糟糕的对比度选择算法（不能选择感知对比度最大的选项）。该走了！&lt;/p&gt;]]></description>
			<content:encoded><![CDATA[<p>你可以选择配色方案中的所有颜色，为什么这比一开始就选择对比鲜明的按钮文字颜色更容易呢？这个功能是为了帮助那些功能不健全的团队，以至于个人可以自由选择不一致的背景色，但同时却无法选择对比鲜明的前景色？</p>
<p>真正需要修复的是在图片或其他不同背景上显示文字（例如，在滚动背景上显示粘性/固定文字），并且需要让文字始终可见的情况。而&#8230;&#8230;这根本无济于事。</p>
<p>因此，这不仅只能（也许）在非常可疑的情况下提供帮助，他们还需要为它设计一个全新的动词，它的功能设置也很贫乏（只能选择黑色或白色），而且他们还采用了最糟糕的对比度选择算法（不能选择感知对比度最大的选项）。该走了！</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		评论者：ctxc		</title>
		<link>https://www.aqee.net/post/how-to-have-the-browser-pick-a-contrasting-color-in-css/#comment-60356</link>

		<dc:creator><![CDATA[ctxc]]></dc:creator>
		<pubDate>Tue, 20 May 2025 13:15:09 +0000</pubDate>
		<guid isPermaLink="false">https://www.aqee.net/?p=10216#comment-60356</guid>

					<description><![CDATA[回复给 &lt;a href=&quot;https://www.aqee.net/post/how-to-have-the-browser-pick-a-contrasting-color-in-css/#comment-60355&quot;&gt;healsdata&lt;/a&gt;。

&lt;p&gt;是的。我的一个简单用例是让用户创建 “标签”，并为芯片选择自己喜欢的颜色（想想 Github 上的 PR 标签，比如 “good-first-issue”“bugs”，不过是自定义的）。&lt;/p&gt;&lt;p&gt;我很惊讶父母没有遇到过这种用法，我到处都能看到。&lt;/p&gt;]]></description>
			<content:encoded><![CDATA[<p>回复给 <a href="https://www.aqee.net/post/how-to-have-the-browser-pick-a-contrasting-color-in-css/#comment-60355">healsdata</a>。</p>
<p>是的。我的一个简单用例是让用户创建 “标签”，并为芯片选择自己喜欢的颜色（想想 Github 上的 PR 标签，比如 “good-first-issue”“bugs”，不过是自定义的）。</p>
<p>我很惊讶父母没有遇到过这种用法，我到处都能看到。</p>
]]></content:encoded>
		
			</item>
	</channel>
</rss>

<!--
Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/?utm_source=w3tc&utm_medium=footer_comment&utm_campaign=free_plugin

使用页面缓存Disk: Enhanced 

Served from: www.aqee.net @ 2026-05-06 12:15:12 by W3 Total Cache
-->