颜色博客：设计 Token、色值转换与对比度指南 | tobecolor

设计系统2026年11月13日

蓝色设计 Token：Tailwind、Material 与 Ant Design 的区别

比较常见蓝色 Token 的准确色值与色板版本，通过组件实例建立语义映射，避免把相似名称当成相同颜色。

色值转换2026年11月13日

用 JavaScript 批量转换 HEX 到 RGB：校验、简写与透明度

实现一个支持三位、四位、六位和八位 HEX 的解析函数，保留无效输入的原始位置，并输出可用于 CSS 的 RGB 或 RGBA。

无障碍设计2026年11月13日

蓝色按钮的文字如何选？用 WCAG 实例验证对比度

计算常见蓝色按钮的文字对比度，理解白字为什么可能不达标，并比较调整前景色与背景色后的 WCAG AA 检查结果。