by 运行时依赖
安装命令
点击复制技能文档
HTML CSS 样式颜色指南 在更新或创建 HTML/CSS 样式以供浏览器渲染时，请遵循以下指南。颜色名称代表其各自色调范围的全部谱系（例如，“蓝色”包括海军蓝、天蓝等）。 何时使用此技能 创建或更新 HTML/CSS 样式 为网页元素选择颜色 样式背景、文本、按钮、卡片或渐变 确保可访问的颜色组合 应用专业颜色方案 颜色定义 热色：橙色、红色和黄色 冷色：蓝色、绿色和紫色 中性色：灰色和灰度变体 二元色：黑色和白色 60-30-10 规则 主要颜色：使用 60% 的时间（冷色或浅色） 次要颜色：使用 30% 的时间（冷色或浅色） 强调色：使用 10% 的时间（补充热色） 颜色使用指南 通过将 60-30-10 规则应用于图形设计元素（如背景、按钮、卡片等）来平衡使用的颜色。 背景颜色 永远不要使用：紫色或洋红色 红色、橙色或黄色 粉色 任何热色 推荐： 白色或近白色 浅冷色（例如浅蓝色、浅绿色） 细微的中性色调 具有最小色彩变化的浅渐变 文本颜色 永远不要使用： 黄色（对比度和可读性差） 粉色 纯白色或浅色文本在浅色背景上 纯黑色或深色文本在深色背景上 推荐： 深中性色（例如 #1f2328、#24292f） 近黑色变体（#000000 至 #333333） 确保背景为浅色 深灰色（#4d4d4d、#6c757d） 高对比度组合以实现可访问性 近白色变体（#ffffff 至 #f0f2f3） 确保背景为深色 避免使用的颜色 除非设计规范或用户请求明确要求，否则避免使用： 明亮的紫色和洋红色 明亮的粉色和霓虹色 高饱和度的热色 对比度低的颜色（不符合 WCAG 可访问性标准） 少量使用的颜色 热色（红色、橙色、黄色）：仅用于关键警报、警告或错误消息 仅在传达紧急或重要性时使用 限制在小的强调区域，而不是大块区域 在使用热色之前，考虑使用图标或粗体文本等替代方案 渐变 应用渐变以微妙的颜色过渡，以保持专业的美观。 最佳实践 保持颜色变化最小（例如 #E6F2FF 至 #F5F7FA） 在同一色系中使用渐变 避免在单个渐变中组合热色和冷色 更喜欢线性渐变而不是径向渐变用于背景 适当的用例 背景容器和部分 按钮悬停状态和交互元素 投影和深度效果 标题和导航栏 卡片组件和面板 额外资源 颜色工具 政府或专业颜色标准 UI 颜色调色板最佳实践 颜色组合资源 GitHub API CLI