Prévisualisez une association Google Fonts (titre + corps) avec contrôles de graisse et d'interligne, et copiez un snippet CSS @import + variables prêt à coller. Registre curatoriel de 22 polices et 7 presets.

Design

Playground des valeurs arbitraires Tailwind

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.

Design

Analyseur d image VP8

Analyse une image WebP/VP8 avec Sharp, genere une displacement map en niveaux de gris et rend un relief 3D avec Three.js

Design

Générateur de Transformation CSS

Génère des propriétés de transformation CSS

Design

Décodeur de Code QR

Décode les codes QR des images et extrait le texte ou URL contenu

Design

Générateur de Code QR

Génère des codes QR à partir d'URL ou de texte avec taille et couleurs personnalisables

Design

Convertisseur RGB vers HEX

Convertir les valeurs de couleur RGB en format HEX pour le design web

Design

Convertisseur RGB vers HSL

Convertir les valeurs de couleur RGB en HSL pour l'affichage à l'écran

Design

Convertisseur RGB vers HSV

Convertir les valeurs de couleur RGB en HSV/HSB pour la manipulation des couleurs

Design

Convertisseur de Couleur OKLCH

Conversion bidirectionnelle entre HEX, RGB, HSL, OKLCH et Display-P3 selon CSS Color 4, avec lecture luminosité/chroma/teinte, vérification de gamut sRGB et Display-P3, et suggestion de rognure hors-gamut