Elysia Tools Docs
ZH
语言
ZHESPTRUFRDEEN
返回主站

© 2026 Elysia Tools. 开发者文档。

返回主站浏览工具
全部分类图像、音频与视频数学、日期与金融设计与颜色文本与写作开发与 Web转换与编码数据与表格文档与 PDF安全与校验图表与可视化
设计与颜色 共 297 个工具

HSL转LAB转换器

text

Design

将HSL色彩值转换为LAB用于色彩管理,支持alpha通道处理

hsl-to-lab-converter

Figma iOS Android pt dp sp 响应式设计规范卡

html

Design

把 Figma 像素值换算成平台正确单位并生成开发者规范卡:iOS pt(@1x/@2x/@3x 及各倍率渲染 px)、Android dp/sp(mdpi…xxxhdpi 全密度桶渲染表、字体缩放)、Web rem/vw 与 clamp() 流式排版片段;按 iOS 44pt / Android 48dp / WCAG 44px 与 24px 审计最小触控目标,并标注 Material 窗口类与 Tailwind 断点。

figma-ios-android-pt-dp-sp-responsive-design-spec-card

字体文件检视器(TTF / OTF / WOFF / WOFF2)

html

Design

上传 TTF、OTF、WOFF 或 WOFF2 字体文件(WOFF2 自动解压),检视完整元数据:家族/子族/设计师/版权/版本、字形数、unitsPerEm、字重与宽度级别、斜体角度、风格标志、包围盒;按 Unicode 区块统计覆盖热力图;渲染字形 SVG 预览(可自定义文本,图标字体自动采样);列出 GSUB 连字(liga)与 OpenType 特性;可变字体显示 fvar 轴与命名实例。

font-file-inspector

字体配对预览卡

html

Design

用真实文案预览标题与正文字体配对、字号、字重、行高、字符集和 CSS 字体栈。

font-pairing-preview-card

Figma Tokens 导出

html

Design

粘贴 Figma / Tokens Studio 变量 JSON,导出为 Tailwind、shadcn CSS 变量、Style Dictionary 或 SCSS。通过类型推断保留颜色、间距与字体 token。

figma-tokens-export

视场角计算器

html

Design

根据焦距与传感器尺寸计算相机视场角,并估算指定距离下的取景覆盖范围。

field-of-view-calculator

ECharts 主题 Token 抽取器

html

Design

从 ECharts 主题 JSON 抽取设计 token——颜色、数字、字号与字符串——并直接导出到你的设计系统。粘贴一个主题对象(即通过 echarts.init(dom, themeName) 注册的那种),工具遍历每个叶子节点,为每个颜色(可选地将命名色/rgb 规范化为 hex)、间距数字、字号与字符串打标,然后输出干净的 CSS 变量、Tailwind theme.extend 配置、Style Dictionary tokens.json 或 SCSS 变量。在 ECharts 可视化主题与 Figma/CSS/Tailwind 设计 token 之间架桥,无需逐个手抄。

echarts-theme-token-extractor

邮件签名 HTML 生成器

html

Design

生成可直接复制粘贴的 HTML 邮件签名,在 Gmail、Outlook 和 Apple Mail 中均能正确显示——支持头像/logo、社交图标(从你的链接自动识别)、主题色、浅色/深色/自动主题,以及使用内联样式的表格化邮件安全布局。复制原始 HTML,直接粘贴到邮箱客户端即可。

email-signature-html-builder

图片模糊效果

file

Design

为图片添加模糊滤镜效果,支持可调节模糊强度和多种模糊类型

image-blur

图片亮度调节

file

Design

调整图片的亮度级别,支持实时预览和精确控制

image-brightness

图片对比度调节

file

Design

调整图片的对比度级别,通过精确控制增强图片清晰度

image-contrast

图片裁剪

file

Design

裁剪图片到指定尺寸或宽高比,支持自定义定位

image-cropper
上一页
16
17
18
19
20
21
22
下一页