Elysia Tools
导航
工具
颜色、版式、图形、视觉样式与设计辅助工具当前为第 3 页。
计算器、数值计算、日期逻辑、统计与金融工具
图像、音频、视频处理、转换与优化工具
颜色、版式、图形、视觉样式与设计辅助工具
写作、清洗、格式化、提取与文本分析工具
格式、文件、压缩包、单位与编码转换工具
开发者工具、网络处理、Web 调试与自动化辅助工具
Design
将XYZ颜色值转换为HSV/HSB用于色彩操作
将XYZ颜色值转换为HSL用于屏幕显示
并排预览 标题 + 正文 的 Google 字体配对,调节字重与行高,复制即可粘贴的 CSS @import + 变量代码。精选 22 款字体及 7 组经典搭配预设。
粘贴使用任意值的 Tailwind 类(w-[137px]、text-[#bada55]、grid-cols-[1fr_2fr]、[mask-type:luminance]),查看生成的 CSS、实时可视化预览、数据类型提示识别,以及每条转换的解释。适合调试 calc()、CSS 变量与超出设计令牌刻度的一次性取值。
使用 Sharp 分析 WebP/VP8 图像,生成灰度位移图,并用 Three.js 渲染可旋转的 3D 浮雕表面
生成 CSS 变换属性
从图片中解码二维码并提取包含的文本或网址
从网址或文本生成二维码,支持自定义大小和颜色
将RGB颜色值转换为HEX格式用于网页设计
将RGB颜色值转换为HSL用于屏幕显示
将RGB颜色值转换为HSV/HSB用于色彩操作
使用 CSS Color 4 算法在 HEX、RGB、HSL、OKLCH、Display-P3 之间双向转换,提供感知亮度/彩度/色相读数、sRGB 与 Display-P3 色域检查及超域裁剪建议