Brat 配色参考：色值、渐变与搭配技巧
Brat 风格的视觉语言以高饱和荧光绿、深色背景和金属质感渐变为核心。为了帮助你在设计和文案传播中保持一致，这份指南整理了常用 HEX 色值、渐变示例、对比度建议，以及针对不同场景的组合推荐。所有色值均可直接复制到 Brat 文本海报生成器或其他设计软件中使用。
核心色与辅助色
下表列出 Brat 视觉中最常见的主色、背景色与强调色。建议在设计中保持 1–2 个主色 + 2 个辅助色，以维持辨识度与层次感。
| 名称 | HEX | 应用建议 |
|---|---|---|
| Brat Green | #1FFF5F | 主视觉颜色，适合用于大字号标题、水印或按钮，营造强烈荧光感。 |
| Tonic Dark | #04130B | 深色背景，搭配荧光绿时能形成高对比；同样适合作为渐变起始色。 |
| Night Forest | #022B14 | 渐变中段色，使背景层次更柔和；也可作为按钮悬停状态的颜色。 |
| Lemon Tint | #F5F748 | 辅助强调，可用于高亮信息或分隔线，与荧光绿组合时保持活力感。 |
| Magenta Pop | #FF3EB5 | 点缀色，建议控制在 5% 以内，用于按钮、徽章或图标，以增强节奏。 |
| Metal Shine | #B6FFEA | 亮色背景，适合反转模板或更轻快的方案，可与深绿文字搭配。 |
推荐渐变代码
Brat 风格经常使用线性或径向渐变来模拟聚光灯与金属质感。以下渐变可直接复制到 CSS 或设计软件：
linear-gradient(135deg, #051B0F 0%, #022B14 45%, #053F20 100%)：经典深绿渐变，适合暗色主题背景。radial-gradient(circle at 40% 20%, #022616 0%, #071325 60%, #040B15 100%)：聚光式霓虹效果，适合突出中心文字。linear-gradient(135deg, #F5FFE8 0%, #CFFFD0 60%, #B6FFEA 100%)：亮色反转方案，适合展示更轻盈的内容。
在 生成器工具页 中可通过「背景色覆盖」自定义纯色，后续版本也会加入预设渐变。
对比度与可读性
使用高饱和色彩时务必确保文字与背景存在足够对比度：
- 深底亮字：荧光绿文字配深色背景对比度高，可读性最好。
- 亮底深字：当使用亮色背景时，应切换深色字体（如 #05210F），保持至少 4.5:1 的对比度。
- 避免渐变叠加文字：若渐变过于复杂，可在文字下方添加半透明遮罩或减小渐变范围。
建议在导出前手动检查不同设备的显示效果，必要时调低饱和度或增加阴影。
不同场景的配色组合
社交媒体宣言
使用 Brat Green + Tonic Dark 作为主要配色，搭配 Magenta Pop 按钮或标签，营造鲜明态度感。适合歌词、口号、态度宣言。
活动或派对宣传
选择暗色霓虹模板，背景使用径向渐变，文字可以交替使用荧光绿与黄色，突出时间地点信息。
品牌合作与商务公告
采用反转亮色方案：Metal Shine 背景搭配深绿色文字，整体更利落，同时可加入品牌色作为强调。
快速配色清单
- 经典 Brat：背景 #04130B，文字 #1FFF5F，水印 #F5F748。
- 夜光对比：背景径向渐变（#022616 → #040B15），文字 #D4FCE3，点缀 #FF3EB5。
- 清爽反转：背景 #CFFFD0，文字 #05210F，按钮/标签 #1FFF5F。
下一步
结合本页配色，在 Brat 文本海报生成器 中尝试不同模板，并阅读 字体替代指南，搭建完整的 Brat 视觉体系。如需更多灵感，欢迎在社交媒体搜索 #bratstyle 与 #posterdesign。