Design
Convertir les valeurs de couleur XYZ en HEX pour l'affichage à l'écran
xyz-to-hex-converterDesign
Convertir les valeurs de couleur XYZ en HSL pour l'affichage à l'écran
xyz-to-hsl-converterDesign
Convertir les valeurs de couleur XYZ en LAB pour la gestion des couleurs
xyz-to-lab-converterDesign
Convertir les valeurs de couleur XYZ en RGB pour l'affichage à l'écran
xyz-to-rgb-converterDesign
Convertir les valeurs de couleur XYZ en HSV/HSB pour la manipulation des couleurs
xyz-to-hsv-converterDesign
Capture une page publique et exporte les couleurs, la typographie, les espacements et les composants observés avec une image.
website-design-style-extractorDesign
Téléversez une police variable (TTF/OTF/WOFF/WOFF2) pour inspecter ses axes fvar et instances nommées, prévisualiser l’interpolation en direct dans le navigateur et générer un CSS font-variation-settings prêt à coller, les propriétés de haut niveau équivalentes et un bloc @font-face variable.
variable-font-axis-instance-and-css-font-variation-settings-builderDesign
Génère des propriétés de transformation CSS
transform-generatorDesign
Génère des propriétés d'ombre de texte CSS
text-shadow-generatorDesign
Parcourez un tracé SVG commande par commande (M/L/H/V/C/S/Q/T/A/Z) — longueur d’arc par segment, distances cumulées de stroke-dashoffset, boîtes englobantes par sous-tracé, vecteurs de contrôle cubiques, résolution des flags d’arc et alignement tracé-vs-viewBox.
svg-path-data-cubic-quadratic-and-arc-command-length-walkerDesign
Collez des classes Tailwind utilisant des valeurs arbitraires (w-[137px], text-[#bada55], grid-cols-[1fr_2fr], [mask-type:luminance]) et inspectez le CSS généré, avec un aperçu visuel en direct, la détection des indications de type de donnée et une explication de chaque traduction. Utile pour déboguer calc(), les variables CSS et les valeurs ponctuelles hors échelle de jetons.
tailwind-arbitrary-value-playgroundDesign
Créez une roue, une carte à gratter ou une boîte mystère. Démo locale ou API du marchand, sans service de remise de lots.
store-promotion-giveaway-widget-generator