Design
Convertir les valeurs de couleur XYZ en HSV/HSB pour la manipulation des couleurs
xyz-to-hsv-converterDesign
Convertir les valeurs de couleur XYZ en HSL pour l'affichage à l'écran
xyz-to-hsl-converterDesign
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.
webfont-pairing-labDesign
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
Analyse une image WebP/VP8 avec Sharp, genere une displacement map en niveaux de gris et rend un relief 3D avec Three.js
vp8-image-analyzerDesign
Génère des propriétés de transformation CSS
transform-generatorDesign
Décode les codes QR des images et extrait le texte ou URL contenu
qr-code-decoderDesign
Génère des codes QR à partir d'URL ou de texte avec taille et couleurs personnalisables
qr-code-generatorDesign
Convertir les valeurs de couleur RGB en format HEX pour le design web
rgb-to-hex-converterDesign
Convertir les valeurs de couleur RGB en HSL pour l'affichage à l'écran
rgb-to-hsl-converterDesign
Convertir les valeurs de couleur RGB en HSV/HSB pour la manipulation des couleurs
rgb-to-hsv-converterDesign
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
oklch-color-converter