Design
Convertir les valeurs de couleur HEX en CMYK pour l'impression avec support du canal alpha
hex-to-cmyk-converterDesign
Convertir les valeurs de couleur HEX en LAB pour la gestion des couleurs avec support du canal alpha
hex-to-lab-converterDesign
Convertir les valeurs de couleur HSL en CMYK pour l'impression avec support du canal alpha
hsl-to-cmyk-converterDesign
Convertir les valeurs de couleur HSL en LAB pour la gestion des couleurs avec support du canal alpha
hsl-to-lab-converterDesign
Prévisualisez une paire de polices titre/corps avec du texte réel, tailles, graisses, interlignes, caractères et CSS.
font-pairing-preview-cardDesign
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-exportDesign
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-calculatorDesign
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-extractorDesign
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-builderDesign
Ajoute des effets de flou aux images avec intensité ajustable et multiples types de flou
image-blurDesign
Ajustez les niveaux de luminosité de l'image avec aperçu en temps réel et contrôle précis
image-brightnessDesign
Ajustez les niveaux de contraste de l'image avec contrôle précis pour une clarté améliorée
image-contrast