Elysia Tools Docs
EN
Language
ZHESPTRUFRDEEN
Back to site

© 2026 Elysia Tools. Developer documentation.

Back to siteBrowse tools
All categoriesImages, Audio & VideoMath, Date & FinanceDesign & ColorText & WritingDeveloper & WebConversion & EncodingData & TablesDocuments & PDFSecurity & ValidationCharts & Visualization
297 tools in Design & Color

HSL to LAB Converter

text

Design

Convert HSL color values to LAB for color management with alpha channel support

hsl-to-lab-converter

Figma iOS Android pt dp sp Responsive Design Spec Card

html

Design

Convert a Figma px value into iOS pt, Android dp/sp, web rem/vw with a fluid clamp() snippet, a density-bucket render table and a touch-target accessibility audit, as a developer spec card.

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

Font File Inspector

html

Design

Inspect TTF/OTF/WOFF/WOFF2 fonts: metadata, glyph counts, metrics, style flags, Unicode coverage heatmap, glyph SVG previews, ligatures, OpenType features and variable-font axes.

font-file-inspector

Font Pairing Preview Card

html

Design

Preview a heading and body font pairing with real copy, sizes, weights, line heights, character samples, and CSS stacks.

font-pairing-preview-card

Figma Tokens Export

html

Design

Paste a Figma / Tokens Studio variables JSON and export to Tailwind, shadcn CSS variables, Style Dictionary, or SCSS. Preserves color, spacing and font tokens with type inference.

figma-tokens-export

Field of View Calculator

html

Design

Calculate camera field of view from focal length and sensor size, with scene coverage at distance.

field-of-view-calculator

ECharts Theme Token Extractor

html

Design

Extract design tokens — colors, numbers, font sizes and strings — from an ECharts theme JSON and export them straight into your design system. Paste a theme object (the kind registered via echarts.init(dom, themeName)) and the tool walks every leaf, tagging each color (with optional named/rgb → hex normalization), spacing number, font size and string, then emits clean CSS variables, a Tailwind theme.extend config, Style Dictionary tokens.json, or SCSS variables. Bridges the gap between an ECharts visualization theme and Figma/CSS/Tailwind design tokens without copying each value by hand.

echarts-theme-token-extractor

Email Signature HTML Builder

html

Design

Generate a clean, copy-paste HTML email signature that renders correctly in Gmail, Outlook, and Apple Mail — with avatar/logo, social icons (auto-detected from your links), accent color, light/dark/auto theme, and a table-based email-safe layout using inline styles. Copy the raw HTML and paste straight into your mail client.

email-signature-html-builder

Image Blur

file

Design

Add blur effects to images with adjustable blur strength and multiple blur types

image-blur

Image Brightness Adjustment

file

Design

Adjust image brightness levels with real-time preview and precise control

image-brightness

Image Contrast Adjustment

file

Design

Adjust image contrast levels with precise control for enhanced image clarity

image-contrast

Image Cropper

file

Design

Crop images to specific dimensions or aspect ratios with custom positioning

image-cropper
Previous
16
17
18
19
20
21
22
Next