ZH
我的工具

黄色色值大全(各种黄色)

柠檬黄、金丝雀黄、芥末黄、藏红花色、黄水仙色、那不勒斯黄、校车黄等 27 种黄色,附 HEX、RGB、HSL 与 CMYK 色值和文字对比度检查。

我的工具 →
广告

黄色是饱和色中最亮的一种,从淡淡的柠檬绸色到深沉的芥末黄和藏红花色。本页列出 27 种黄色——7 种 CSS 命名的黄色,例如 yellow、gold、lightyellow 和 khaki,再加上金丝雀黄、柠檬色、芥末黄、藏红花色、黄水仙色、那不勒斯黄、赛博黄和校车黄——并给出 HEX、RGB、HSL、HSV、CMYK 和 OKLCH 色值、浅深色梯度,以及它们作为白底文字时的表现。

使用方法

  1. 从列表中选择一种黄色。
  2. 复制它的 HEX、RGB、HSL 或 CMYK 色值。
  3. 查看“作为白底上的文字”——大多数黄色只能用作背景或高亮。
  4. 需要更深、更易读的版本时,使用深色梯度表。

计算公式

对比度 = (L₁ + 0.05) ÷ (L₂ + 0.05) · 深色 = c × (1 − p)

L 是 WCAG 相对亮度;黄色之所以这么亮,是因为人眼最敏感的绿色通道接近满值。要让黄色在白底上易读,唯一的办法就是把它变深(加深)。

示例

芥末黄 #FFDB58 = rgb(255, 219, 88) 的相对亮度为 0.726,作为白底文字只有 1.35:1,远低于 WCAG 要求的 4.5:1。纯 CSS yellow 在白底上只有 1.07:1,但黄色背景上的黑色文字可达 19.55:1。

常见问题

为什么白底上的黄色文字很难看清?

黄色几乎和白色一样亮:它的亮度主要来自绿色通道,而人眼对绿色的权重高达 71.5%。请把黄色用作搭配深色文字的背景,或者把它加深成赭色或芥末棕色再用于文字。

校车黄的 HEX 代码是什么?

维基百科给出的是 #F5A500(美国标准色 National School Bus Glossy Yellow)。它明显偏橙,和真正的校车一样。

金色算黄色吗?

CSS gold(#FFD700)是一种深黄色,所以包含在这里。金属金色无法用单一平涂颜色表现,金色页面会展示渐变技巧。

资料来源

最后更新:

引用此工具
APA

kakaoCalc. (2026, November 8). 黄色色值大全(各种黄色). https://kakao.mobile/zh/tools/yellow-color-code/

MLA

“黄色色值大全(各种黄色).” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/yellow-color-code/.

广告