黄绿色——含义、调色板、互补色和和谐
探索 黄绿色 （HTML #7FFF00）：心理学， 色轮 （互补、类似、三元）、可访问 颜色组合和准备好的调色板。转变 十六进制, RGB, HSL，复制 CSS 变量，然后下载调色板 PNG。
黄绿色
色轮
互补色
色彩和谐
匹配颜色
提示：按 进入 在任何字段中更新所有值。
黄绿色一览
意义与心理学
黄绿色将绿色的自然能量与黄色的乐观情绪融为一体。它标志着科技、健身、食品和生态品牌的新鲜度和创新。
对比度和易读性
作为一种鲜艳的颜色，它需要深沉的对应物。尝试使用木炭色、黑色、靛蓝色或洋紫色来打造易于访问的 UI 元素和 CTA。
对比检查（白色）
—
对比检查（黑色）
—
黄绿色调色板
自动生成 色调 （更白）， 色调 （更黑），以及 音调 （更多灰色）。单击任意样本以复制十六进制或将所有样本导出为 CSS 变量。您还可以下载调色板 PNG。
色调
色调
音调
色轮和谐
探索 补充 对， 类似的 邻居，以及 三元的 这套黄绿色。这些组合可帮助您找到搭配得当的颜色。
补充
相反的东西会产生高影响力的号召性用语。深洋红色和紫色搭配得很好。
类似的
黄绿色周围的邻居给人一种清新、有机的感觉。
三元组
均匀的间距为仪表板提供了平衡的对比度。
特征
- 同步 十六进制 ↔ RGB ↔ HSL 转换。
- 生成的调色板： 色调, 色调, 音调。
- 色轮和谐： 补充, 类似的, 三元的。
- 一键式 CSS 变量 并可下载 PNG 调色板。
应用领域
Chartreuse 致力于可持续发展线索、健康和健身、新鲜食品以及技术 UI 创新。用木炭色、海军蓝、黑色或深紫色来平衡它。保留它用于强调、徽章、进度状态和突出显示卡。
如何使用
- 输入十六进制（例如
#7FFF00) 或 RGB/HSL 值并按 进入。 - 单击任何样本以复制其十六进制。尝试互补或三元组进行对比。
- 下载调色板 PNG 或复制适用于您的设计系统的 CSS 变量。
- 检查对比度（白/黑）以保持黄绿色 UI 中的文本可读。
常问问题
黄绿色适合搭配哪些颜色？
木炭色、黑色、靛蓝色、深紫色、品红色紫色和冷灰色。对于柔和的搭配，可以添加淡奶油和薄荷糖。
黄绿色的相反颜色是什么？
RGB/HSL 轮上的洋紫相反可提供最强的对比度。为可访问的按钮选择更深的颜色。
黄绿色适合正文吗？
通常在浅色背景上不会。强调色、图标和亮点时保持黄绿色；在浅黄绿色表面上使用深色文字。
内容上次更新时间：2025 年 11 月 18 日。