配色资料

人间亮色四季配色

其他四季亮色治愈系

完整提示词

结合原始资料，按需应用到自己的设计中。

为我的项目应用一套「人间亮色四季配色」，交付可直接使用的 CSS 自定义属性。

【色值清单】春日新绿 #75B85B，用作清新主色；海盐蓝 #69B9D0，用作清爽辅助色；落日橘棕 #C77B48，用作温暖辅助色；冬日暖红 #D95143，用作少量强调。建议新绿和海盐蓝各占约 30%，橘棕和暖红各占约 20%；比例可随内容调整。

【使用示例】四季主题页面可用新绿标识春季、海盐蓝标识夏季、橘棕标识秋季、暖红标识冬季。生活方式海报可用浅色底承载文字，以四种颜色制作插画和标签。避免四种亮色大面积相邻，或未经对比度检查就把浅色文字放在彩色底上。

【质量要求】在 :root 下定义 --color-* 变量，并用 prefers-color-scheme: dark 提供暗色模式映射；同时提供背景色与文字色变量，检查两种模式下的文字对比度。上述色值及占比是参考建议，实施时需对照原图校准。

配色需对照原参考图人工校对

【参考资源】
- 资料详情：https://ui.undoai.cn/palettes/seasonal-everyday-bright-colors/
- 原始设计参考图：https://ui.undoai.cn/palettes/seasonal-everyday-bright-colors/refs/01.jpg（人间亮色主题配图1）
- 原始设计参考图：https://ui.undoai.cn/palettes/seasonal-everyday-bright-colors/refs/02.jpg（人间亮色主题配图2）
- 原始设计参考图：https://ui.undoai.cn/palettes/seasonal-everyday-bright-colors/refs/03.jpg（人间亮色主题配图3）
- 原始设计参考图：https://ui.undoai.cn/palettes/seasonal-everyday-bright-colors/refs/04.jpg（人间亮色主题配图4）
- 原始设计参考图：https://ui.undoai.cn/palettes/seasonal-everyday-bright-colors/refs/05.jpg（人间亮色主题配图5）
- 原始设计参考图：https://ui.undoai.cn/palettes/seasonal-everyday-bright-colors/refs/06.jpg（人间亮色主题配图6）
- 原始设计参考图：https://ui.undoai.cn/palettes/seasonal-everyday-bright-colors/refs/07.jpg（人间亮色主题配图7）
- 原始设计参考图：https://ui.undoai.cn/palettes/seasonal-everyday-bright-colors/refs/08.jpg（人间亮色主题配图8）
- 原始设计参考图：https://ui.undoai.cn/palettes/seasonal-everyday-bright-colors/refs/09.jpg（人间亮色主题配图9）

复制始终包含全文

使用方法

先对照原始配色图；点击色值即可复制 HEX。色值按已存资料展示，近似值与调整值需要在实际项目中再次校验对比度。

设计规范

查看 Markdown 全文，复制或下载 design.md 后交给开发者使用。

下载 design.md

# 人间亮色四季配色 — design.md

内容版本：sha256:50ca105b2eef891cb873a29edab804d9470a25b67efd3900813927c23fa3a138

本文件由当前元数据、实现摘要和实际文件列表确定性生成。元数据记录是资料声明；未提供的数值不作推断。实现建议须在后续开发中选择和验收。

## 元数据记录

- 资产：palettes/seasonal-everyday-bright-colors；语义类型：palette。
- 分类：其他。
- 标签：四季、亮色、治愈系。
- 场景：四季主题视觉设计、生活方式内容配色、治愈系品牌视觉、节气主题海报。
- 平台：未提供。
- 风格：未提供。

### 亮点声明

- 四季亮色：以春日新绿、夏日海盐蓝、秋日橘棕和冬日暖红组成鲜活、温暖的配色。
- AI 描述方式：可描述为“四季治愈系亮色”：以新绿和海盐蓝各占约 30%，橘棕和暖红各占约 20%，用于营造明朗的日常氛围。色值与比例均为参考建议。

### 实际文件与参考资源

- `meta.yml`
- `refs/01.jpg`（sha256:798eb8dcb869b6655617cfb1041d9e51bd94c71c35ec5038dc42586811500fd0）
- `refs/02.jpg`（sha256:add35b9966d3ed16c142e06b240887ff28189290ca9f39dfdbe79931d8ea69d5）
- `refs/03.jpg`（sha256:93f3730ab039b4828e1d75b12b4805fabc6017bf1f6d4678d332004040b81517）
- `refs/04.jpg`（sha256:a5936674325482ce5427c2c6a8c4215756cc0b2f510ca9ae2834dec5e310ea98）
- `refs/05.jpg`（sha256:c5ca951c170464d8188e7d580a28644d203048e87d4e99e0a491d314f5d8d5ca）
- `refs/06.jpg`（sha256:e878dd56072f5ee51567a9231a20623b44e1e1b2d335b2d8eaf4083f03da30dd）
- `refs/07.jpg`（sha256:4e004f17afc29b96314f3e9873d3be3b9aed31e35944b4af0786149b588ba21d）
- `refs/08.jpg`（sha256:a5cdf98378bffbcf7365a92eda360bfe0ede3cf02db0b3c88048be4df41469a2）
- `refs/09.jpg`（sha256:a5720707d4ff82e254c8e19c6939d3862127b19aec3c6e883f6e6ed3f4f99724）
- 参考图：`refs/01.jpg`；人间亮色主题配图1。
- 参考图：`refs/02.jpg`；人间亮色主题配图2。
- 参考图：`refs/03.jpg`；人间亮色主题配图3。
- 参考图：`refs/04.jpg`；人间亮色主题配图4。
- 参考图：`refs/05.jpg`；人间亮色主题配图5。
- 参考图：`refs/06.jpg`；人间亮色主题配图6。
- 参考图：`refs/07.jpg`；人间亮色主题配图7。
- 参考图：`refs/08.jpg`；人间亮色主题配图8。
- 参考图：`refs/09.jpg`；人间亮色主题配图9。
- 实现摘要：未提供 demo.html。

### 色值与语义记录

- `#75B85B` 春日新绿；角色：清新主色
- `#69B9D0` 海盐蓝；角色：清爽辅助色
- `#C77B48` 落日橘棕；角色：温暖辅助色
- `#D95143` 冬日暖红；角色：热烈点缀色


### 原图采样记录

- 方法：whole-reference-dominant-colors。
- `#FFFFFE`；原图像素覆盖比例 38.55%。
- `#F9F7ED`；原图像素覆盖比例 10.79%。
- `#BAF0EA`；原图像素覆盖比例 2.70%。
- `#C4EC8C`；原图像素覆盖比例 1.56%。
- `#BCDCF4`；原图像素覆盖比例 1.33%。
- `#FFB4C8`；原图像素覆盖比例 1.57%。
- `#B8C0C8`；原图像素覆盖比例 1.29%。
- `#68D0C8`；原图像素覆盖比例 1.28%。
- `#80CCB0`；原图像素覆盖比例 1.37%。
- `#B0ACD3`；原图像素覆盖比例 1.64%。
- `#FF6860`；原图像素覆盖比例 2.66%。
- `#B06840`；原图像素覆盖比例 1.36%。

### 确定性对比度

- 未提供。

## 未提供

- 未结构化记录的色值与语义角色不作推断；亮点描述属于元数据声明，图片标题不能用于推断色号，对比度计算仅覆盖文档中明确列出的色值组合。

## 实现建议

- 将已记录的颜色分配到背景、表面、正文、次要文字、边框与强调角色；未提供的 token 需另行定义。
- 在真实文本、控件、禁用与错误状态上验证对比度，分别检查浅色与深色模式。
- 不要仅依赖颜色表达状态，配合文本、图标或形状；新增组合必须重新计算对比度。