Elysia Tools Docs
FR
Langue
ZHESPTRUFRDEEN
Retour au site

© 2026 Elysia Tools. Documentation développeur.

Retour au siteParcourir les outils
Toutes les catégoriesImages, audio et vidéoMaths, dates et financeDesign et couleurTexte et rédactionDéveloppement et WebConversion et encodageDonnées et tableauxDocuments et PDFSécurité et validationGraphiques et visualisation
297 outils dans Design et couleur

Convertisseur HSL vers LAB

text

Design

Convertir les valeurs de couleur HSL en LAB pour la gestion des couleurs avec support du canal alpha

hsl-to-lab-converter

Fiche de spécifications responsive Figma iOS Android pt dp sp

html

Design

Convertit les valeurs px Figma vers les bonnes unités par plateforme et génère une spec card développeur : pt iOS (@1x/@2x/@3x avec px rendus par échelle), dp/sp Android (table de rendu mdpi…xxxhdpi et échelle de police), rem/vw web avec extrait clamp() fluide ; audit des cibles tactiles minimales (44pt iOS / 48dp Android / 44px et 24px WCAG) avec classes de fenêtres Material et breakpoints Tailwind.

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

Inspecteur de fichiers de police (TTF / OTF / WOFF / WOFF2)

html

Design

Téléversez une police TTF, OTF, WOFF ou WOFF2 (WOFF2 décompressée automatiquement) et inspectez toutes les métadonnées : famille/sous-famille/designer/copyright/version, nombre de glyphes, unitsPerEm, graisse et largeur, angle italique, drapeaux de style et boîte englobante ; carte thermique de couverture par blocs Unicode ; aperçu SVG des glyphes (texte personnalisable, échantillonnage auto pour les fontes d'icônes) ; ligatures liga et fonctionnalités OpenType ; axes fvar et instances nommées des fontes variables.

font-file-inspector

Carte d’aperçu de combinaison de polices

html

Design

Prévisualisez une paire de polices titre/corps avec du texte réel, tailles, graisses, interlignes, caractères et CSS.

font-pairing-preview-card

Exportateur de Tokens Figma

html

Design

Collez un JSON de variables Figma / Tokens Studio et exportez vers Tailwind, variables CSS shadcn, Style Dictionary ou SCSS. Préserve les tokens de couleur, d'espacement et de police avec inférence de type.

figma-tokens-export

Calculateur de Champ de Vision

html

Design

Calcule le champ de vision d’un appareil photo à partir de la focale et de la taille du capteur, avec couverture de scène à distance.

field-of-view-calculator

Extracteur de tokens de thème ECharts

html

Design

Extrait des design tokens — couleurs, nombres, tailles de police et chaînes — d'un JSON de thème ECharts et les exporte directement dans votre design system. Collez un objet thème (celui enregistré et passé à echarts.init(dom, themeName)) et l'outil parcourt chaque feuille, étiquetant chaque couleur (avec normalisation optionnelle nommé/rgb → hex), nombre d'espacement, taille de police et chaîne, puis émet des variables CSS propres, un thème.extend Tailwind, un tokens.json Style Dictionary ou des variables SCSS. Pont entre un thème de visualisation ECharts et les tokens de design Figma/CSS/Tailwind sans recopier chaque valeur à la main.

echarts-theme-token-extractor

Générateur de signature e-mail HTML

html

Design

Génère une signature e-mail HTML propre, prête à copier-coller, qui s’affiche correctement dans Gmail, Outlook et Apple Mail — avec avatar/logo, icônes de réseaux sociaux (auto-détectées depuis vos liens), couleur d’accent, thème clair/sombre/auto et une mise en page tabulaire sécurisée pour le courrier avec styles en ligne. Copiez le HTML et collez-le dans votre client.

email-signature-html-builder

Effet de Flou d'Image

file

Design

Ajoute des effets de flou aux images avec intensité ajustable et multiples types de flou

image-blur

Ajustement de Luminosité d'Image

file

Design

Ajustez les niveaux de luminosité de l'image avec aperçu en temps réel et contrôle précis

image-brightness

Ajustement de Contraste d'Image

file

Design

Ajustez les niveaux de contraste de l'image avec contrôle précis pour une clarté améliorée

image-contrast

Rogneur d'Image

file

Design

Recadrez des images à des dimensions spécifiques ou un rapport d'aspect avec un positionnement personnalisé

image-cropper
Précédent
16
17
18
19
20
21
22
Suivant