工具指南
使用ColorFYI工具的操作指南，包括转换器、对比度检查工具和调色板生成器。
WCAG AA vs AAA: Contrast Requirements Compared
WCAG AA requires 4.5:1 contrast for normal text, AAA requires 7:1. A side-by-side comparison of both levels, their exceptions, and when each applies.
已更新 八月 20, 2026
Figma 颜色样式 vs 颜色变量：各自适用的场景
对比 Figma 颜色样式与颜色变量，了解核心区别、迁移路径，以及管理设计系统颜色令牌的团队最佳实践。
已更新 二月 20, 2026
如何检查颜色对比度以符合 WCAG 标准
了解如何检查 WCAG AA 和 AAA 合规性所需的颜色对比度。包含十六进制代码实例的分步指南，以及常见陷阱的规避方法。
已更新 二月 13, 2026
WCAG 色彩对比度：开发者完整指南
全面掌握 WCAG 2.1 色彩对比度要求。了解 AA 与 AAA 级别、测试方法、自动化工具，以及如何修复代码库中的对比度违规问题。
已更新 二月 07, 2026
OKLCH颜色选取器：设计师为何纷纷转向
探索为何OKLCH颜色选取器比HSL产生更好的结果。了解感知亮度、均匀色度，以及如何在OKLCH色彩空间中构建调色板。
已更新 一月 31, 2026
Adobe Color (color.adobe.com)：完整使用指南
全面掌握 Adobe Color：调色板创建、图像提取、无障碍测试及 CC Library 集成。color.adobe.com 功能完整指南。
已更新 一月 24, 2026
在 Storybook 中记录颜色：模式与插件
通过调色板故事、无障碍检查和自动生成文档，在 Storybook 中建立完整的色彩系统文档。适合色彩文档的最佳插件和模式。
已更新 一月 18, 2026
shadcn/ui 颜色自定义：使用 CSS 变量进行主题化
使用 HSL CSS 变量自定义 shadcn/ui 颜色，创建自定义主题，集成深色模式，并与 Tailwind CSS 同步以实现一致的组件样式。
已更新 一月 11, 2026
如何找到完美的互补色
学习如何利用色轮、数学公式和配色方案生成工具找到互补色，包含设计模式和十六进制代码示例。
已更新 一月 04, 2026
在 Figma 中测试颜色无障碍性：插件与工作流程
在 Figma 中使用 Stark、A11y 插件和色盲模拟器测试颜色无障碍性。构建包含批量检查和交付标注的无障碍设计工作流程。
已更新 十二月 29, 2025
CSS 渐变指南：线性、径向与圆锥渐变
掌握 CSS 渐变：线性、径向和圆锥渐变语法，附实用示例、色标、角度以及渐变生成工具使用技巧。
已更新 十二月 22, 2025
Photoshop 色彩校正：曲线、色阶与 HSL
掌握 Photoshop 的曲线、色阶和 HSL 色彩校正。学习读取直方图、白平衡校正以及专业调色技巧。
已更新 十二月 16, 2025
如何使用色盲模拟器进行无障碍设计
学习如何使用色盲模拟器设计无障碍界面。涵盖绿色盲、红色盲、蓝色盲的原理，并结合真实案例讲解实践设计指南。
已更新 十二月 11, 2025
Figma 颜色变量：设计系统完全指南
掌握用于设计系统的 Figma 颜色变量。学习创建、组织颜色令牌，并在 Figma 与代码之间同步，实现一致的主题管理。
已更新 十二月 05, 2025
Tailwind 色阶生成器：轻松创建自定义颜色刻度
从任意十六进制码生成自定义 Tailwind CSS 颜色刻度。了解 50-950 色阶系统的工作原理、如何配置 tailwind.config.js，以及如何构建深色模式刻度。
已更新 十二月 01, 2025
如何从图像中提取调色板
学习如何使用量化算法、在线工具和程序化方法从图像中提取颜色调色板。从照片构建调色板。
已更新 十一月 26, 2025
颜色转换指南：HEX、RGB、HSL 及更多格式详解
掌握颜色格式转换：HEX、RGB、HSL、CMYK 和 OKLCH。了解各格式的适用场景，以及如何使用 ColorFYI 的转换器即时完成转换。
已更新 十一月 21, 2025
如何从单一颜色生成完整调色板
学习如何从单一起始颜色构建完整、和谐的调色板。涵盖互补色、类比色、三角配色及色调生成，并附有十六进制示例。
已更新 十一月 16, 2025