标签：颜色
共 4 篇文章
-
调色板生成与色彩系统设计：从和谐配色到 WCAG 可访问性
深度解析调色板生成的核心算法：6 种和谐配色方案（互补 / 类似 / 三角 / 分割互补 / 四角 / 单色阶）、Tailwind 与 Material 设计系统色阶生成算法、明度色调（Tints / Shades / Tones）、WCAG 2.1 对比度计算、三种色盲模拟（红色盲 / 绿色盲 / 蓝色盲）的线性 RGB 矩阵变换原理、黄金角度随机配色、6 种格式导出（CSS / Tailwind / SCSS / JSON / Android / iOS）。配套在线调色板生成器实操演练。
-
二维码应用场景与设计指南：容错等级、容量、颜色与扫描兼容性
系统讲解二维码（QR Code）的 4 种容错等级、4 种编码模式与容量上限、前景背景色对比度要求、Logo 嵌入规则、WiFi / vCard / 邮件预设格式，以及 PNG 与 SVG 选型。结合在线二维码生成器实操，帮你做出既能扫描又美观的二维码。
-
无障碍颜色对比度：WCAG 2.1 标准与前端实践
系统讲解 WCAG 2.1 颜色对比度标准：相对亮度公式、对比度比值计算、AA / AAA 评级阈值、5 类应用场景（普通文字 / 大文字 / UI 组件）、品牌色不达标的 4 种解决方案、暗色模式下的对比度陷阱。配套可交互对比度检查工具，帮你交付无障碍合规的界面。
-
颜色格式与色彩理论入门：HEX / RGB / HSL / HSV / CMYK 原理与配色方案
系统讲解五种主流颜色格式：HEX 十六进制、RGB 加色模型、HSL 色相饱和度亮度、HSV 色相饱和度明度、CMYK 印刷四色。深入剖析 HSL 与 HSV 的关键差异、RGB 与 CMYK 色域不匹配问题、五种和谐配色方案（互补 / 类似 / 三角 / 分割互补 / 四角）的生成原理与适用场景。配套在线颜色转换工具实操演练。