UD5工具箱
打印样式生成器 - 网页打印优化@media print
生成用于网页打印的CSS样式，隐藏导航，调整字体、颜色和分页，让打印更整洁。
HTML 内容
@media print 样式（打印CSS）
打印预览
A4
100%
模拟纸张预览 · 实际效果请点击"打印"查看
CSS打印样式常见问题
了解打印样式调试的关键知识点，提升您的CSS打印开发效率。
@media print 是CSS中的媒体查询规则，专门用于定义网页在打印时的样式。当用户通过浏览器打印页面（或使用Ctrl+P）时，@media print 内的样式会自动生效。典型用法包括：隐藏导航栏、调整字体大小、去除背景色、优化排版等。您可以在本工具的CSS编辑器中编写@media print规则，并在预览区实时查看模拟效果。
最常见的方法是使用
建议为不需要打印的元素添加统一的class（如
display: none; 或 visibility: hidden;。例如：@media print { .navbar, .sidebar, .ad-banner { display: none; } }建议为不需要打印的元素添加统一的class（如
.no-print），便于集中管理。本工具提供了多种预设模板，展示了隐藏页面元素的最佳实践。
浏览器默认会省略背景色和背景图片以节省墨水。如需保留，可以使用
-webkit-print-color-adjust: exact; 和 print-color-adjust: exact;。也可以使用 color-adjust: exact;。注意：不同浏览器对此属性的支持程度不同，建议在关键元素上显式设置前景色和边框来保证打印效果。
使用
page-break-before: always;、page-break-after: always; 或 page-break-inside: avoid; 来控制分页行为。CSS3引入了更语义化的属性：break-before、break-after、break-inside。例如，避免表格在中间断开：@media print { table { break-inside: avoid; } }。
打印时推荐使用 pt（磅） 或 pc（派卡） 作为字体大小单位，因为它们与物理尺寸直接相关。例如：
body { font-size: 12pt; line-height: 1.5; }。正文通常使用10-12pt，标题使用14-18pt。同时建议设置合适的 line-height（1.4-1.6）以确保可读性。
本工具将
@media print 替换为 @media screen 来在屏幕上模拟打印效果，方便快速调试。但实际打印还受浏览器打印设置、打印机驱动、纸张边距等因素影响。建议在完成调试后，务必使用"打印"按钮进行实际打印测试，并在浏览器打印对话框中选择"另存为PDF"来查看最终输出。
@page 规则用于定义打印页面的属性，如尺寸、边距和方向。例如：@page { size: A4; margin: 20mm; }但
@page 的浏览器支持有限，且无法在屏幕预览中完全模拟。建议使用本工具的纸张大小选择器来切换预览尺寸，并通过CSS中的margin/padding来控制内容区域。
CSS caret-color 实验场 - 自定义文本光标颜色
选择颜色，实时观察输入框中文本光标的颜色变化，同时支持调整粗细。
渐变噪点纹理生成器 - 有机质感CSS背景
组合多色渐变与SVG噪点叠加，生成独特且轻量的CSS背景纹理，适配现代UI。
标签云生成器 - 输入词语频率生成CSS
输入词汇及其权重，生成可交互的HTML标签云。
网格渐变可视化编辑器 - 多点自由着色
在画布上放置多个色点，利用双线性插值生成平滑梦幻的多色渐变背景，可导出CSS或图片。
手写体文本模拟生成器 - 真实笔记效果
选择多种手写风格字体，调整倾斜度、连笔效果和纸张背景，将打印文本转为逼真的手写笔记图片。
SVG插画等比例缩放器 - 换色与导出
加载SVG插画，任意改变其整体或局部填充色，等比放大缩小后下载PNG。
色彩范围选取器 - 类似色差抠像
在图片上点击选择颜色，将相近色调区域变为透明或替换背景。
自定义列表标记 CSS 生成器 - 使用 ::marker 伪元素
通过颜色、字体和内容自定义有序或无序列表的项目符号样式，生成 ::marker CSS。
CSS单位换算器 - px, em, rem, vw在线互转
输入数值和基数，在像素、em、rem、vw、vh等单位间进行转换，辅助响应式设计数值计算。
WCAG颜色矩阵测试 - 调色板互对比
输入一组颜色，生成矩阵显示每两色间的对比度和WCAG级别，确保调色板可访问。
头像重叠堆栈生成器 - 群组图示CSS
生成多个头像重叠排列的视觉效果CSS，常用于表示群组成员。
英文草书练习纸生成 - 自定义句子打印描摹
输入任何文字，生成带虚线描红格的草书字体练习页，可打印。
模拟散景效果 - 添加虚化光斑叠加
在照片上叠加多彩的圆形光斑，调整大小和数量，模拟大光圈镜头的散景。
色调与色度生成器 - 明暗渐变色卡制作
选择基础色一键生成由浅至深（Tint到Shade）的色阶，调节步数和比例，输出完整色板。
情感调色板生成器 - 词语映射颜色组
输入描述（如“海洋”、“日落”），从预定义词汇颜色库中生成和谐配色。
百数表生成器 - 可着色高亮倍数
生成1-100的数字表，点击以高亮特定倍数（如3的倍数、素数），可打印。
图片调色板提取工具 - 从图像分析主要颜色
上传图片，提取前 N 个主导颜色及其占比，生成配色板供设计使用，支持导出 HEX 数组。
SVG形状过渡生成器 - 补间变形动画
在两个SVG路径之间创建平滑的变形动画，调整关键点和缓动，生成SMIL代码。
混合模式叠加实验室 - 图层与颜色交互
选择两张图片或纯色图层，切换 multiply、screen、overlay 等混合模式，预览并生成 CSS。
图形均衡器可视化 - 可调频段增益的播放器
加载音频文件，提供10段频率增益滑块，实时音色调节并展示频谱图。
cURL 命令转 Fetch 代码 - 自动解析与生成
粘贴 cURL 命令，自动解析参数、头部和数据，生成对应的 Fetch API JavaScript 代码。
User-Agent 切换器 - 模拟不同设备请求头
选择预定义的桌面/移动端 User-Agent 字符串，查看并复制，用于测试或伪装。
采样率转换计算 - 音频格式通用转换
输入原采样率和目标采样率，了解转换倍数和质量影响，配合重采样概念。
SVG 动态波形背景生成器 - 多层叠加与动画
调节振幅、频率和颜色，生成多层SVG波浪，支持循环波动动画，导出CSS或SVG。
文本换行符在线转换 - LF / CRLF / CR 互换
一键将文本文件的行尾序列在 Unix (LF)、Windows (CRLF) 和旧版 Mac (CR) 之间转换。
波普半色调网点生成器 - CMYK网点艺术效果
将图片模拟为四色印刷的CMYK网点叠加效果，可调网点大小和角度。
像素填色画板 - 数字调色盘涂网格
网格内各数字对应颜色，按提示填充，完成像素艺术。
和弦进行生成器 - 选择调性与感情色彩
选择大调或小调，生成常见和弦进行（如 I-IV-V-I），并播放试听，辅助作曲灵感。
复平面绘制器 - 绘制复数和运算
在复平面上绘制复数点，并可直观展示加法、乘法等运算的几何意义。