UD5工具箱
accent-color
CSS 属性，用于统一设置表单控件的强调色或主题色。只需一行代码即可改变复选框、单选按钮、范围滑块和进度条的颜色，无需为每个控件单独编写伪元素样式。本工具的核心功能就是帮助您可视化预览和生成此属性的代码。
表单控件
HTML 中用于用户输入和交互的元素，包括复选框（checkbox）、单选按钮（radio）、范围滑块（range）和进度条（progress）。这些控件在浏览器中有默认的原生样式，accent-color 属性可以直接修改它们的强调色。
color-scheme
CSS 属性，告诉浏览器页面支持的颜色方案（如 light 或 dark）。它影响浏览器原生控件的基础色调。accent-color 在此基础上进一步自定义强调色，两者配合使用效果最佳。
WCAG AA 标准
Web 内容可访问性指南的 A 级标准，要求文本与背景的对比度至少达到 4.5:1，非文本元素（如表单控件）的对比度至少达到 3:1。在选择 accent-color 时，应确保颜色在亮色和暗色背景下都符合此标准。
:root 选择器
CSS 中的根元素选择器，用于设置全局变量和样式。在 accent-color 的最佳实践中，建议在 :root 中设置全局强调色，确保整个网站的表单控件风格统一。
优雅降级
一种 Web 开发策略，指新功能在不支持的浏览器中自动回退到可用的替代方案。accent-color 在老旧浏览器中不生效时，控件会显示系统默认颜色，不影响功能使用。
伪元素
CSS 中用于选择和样式化元素特定部分的机制，如 ::before 和 ::after。传统上，自定义复选框和单选按钮样式需要大量伪元素代码，而 accent-color 提供了更简洁的替代方案。
prefers-color-scheme
CSS 媒体特性，用于检测用户操作系统的颜色模式偏好（亮色或暗色）。结合 accent-color 可以在不同模式下自动切换强调色，提供更好的用户体验。
表单元素
HTML 中用于收集用户输入的元素集合，包括 input、select、textarea 等。accent-color 主要针对 input 的 checkbox、radio、range 类型以及 progress 元素生效。
强调色
UI 设计中用于突出显示重要元素或交互状态的颜色。在表单控件中，强调色用于标识选中状态、激活状态或进度指示。合理的强调色能提升界面的可读性和可操作性。
HEX 颜色
以十六进制表示的颜色格式，如 #3B82F6。由三组两位十六进制数分别表示红、绿、蓝三原色的强度。本工具生成的 CSS 代码默认使用 HEX 格式，也支持 RGB 和 HSL 格式的输入。
range 滑块
HTML5 中的范围输入控件，允许用户通过拖动滑块在指定范围内选择一个值。其滑块手柄（thumb）的颜色由 accent-color 控制，是本工具预览的四种控件之一。