Outils de conception (FR)

16 free outils de conception tools — instant, private, no sign-up

Outils de conception — Tous les outils 16

Générateur d'ombre de boîte CSS

Créez visuellement les valeurs CSS box-shadow et copiez l'extrait.

Ouvrir l'outil →

Générateur de codes QR

Créez des codes QR personnalisés avec des couleurs, des tailles et une superposition de logo en option.

Ouvrir l'outil →

Générateur de dégradé

Créez des dégradés CSS linéaires et radiaux et copiez le code.

Ouvrir l'outil →

Générateur de favicon

Générez des favicons 16×16, 32×32 et 180×180 à partir de votre logo.

Ouvrir l'outil →

Générateur de filtres CSS et d'effets d'image

Créez visuellement des effets de filtre d'image CSS, notamment le flou, la luminosité, le contraste, les niveaux de gris, la rotation de teinte, l'inversion et la sépia avec un aperçu en direct.

Ouvrir l'outil →

Générateur de fond SVG de motif

Créez des modèles d’arrière-plan CSS transparents et copiez le code.

Ouvrir l'outil →

Générateur de palette de couleurs

Générez des palettes de couleurs harmonieuses à partir d’une couleur de base.

Ouvrir l'outil →

Générateur de rayon de bordure CSS

Créez visuellement les valeurs CSS border-radius et copiez l'extrait.

Ouvrir l'outil →

Générateur de texte dégradé CSS

Créez un texte dégradé CSS accrocheur avec des arrêts de couleur linéaires et radiaux, des contrôles d'angle et un clip d'arrière-plan CSS multi-navigateur.

Ouvrir l'outil →

Générateur de triangles et de formes CSS

Générez des bordures CSS pures et des triangles de chemin de détourage avec des directions, des dimensions, des couleurs personnalisées et une sortie d'extrait de code CSS prête à l'emploi.

Ouvrir l'outil →

Lecteur de scanner de codes QR

Scannez et décodez les codes QR de l'appareil photo ou des images téléchargées.

Ouvrir l'outil →

Minificateur SVG et nettoyeur de code

Réduisez et optimisez les graphiques vectoriels SVG en supprimant les métadonnées redondantes, les commentaires, les artefacts de l'éditeur et en réduisant la précision des coordonnées.

Ouvrir l'outil →

Simulateur de daltonisme

Simulez l’apparence des images avec les types courants de daltonisme.

Ouvrir l'outil →

Sélecteur de couleurs

Choisissez les couleurs d’une roue ou échantillonnez les pixels de n’importe quelle image téléchargée.

Ouvrir l'outil →

Testeur de curseur CSS et générateur de styles

Testez et prévisualisez toutes les valeurs des propriétés du curseur CSS de manière interactive et générez des règles CSS de curseur personnalisées avec des options de secours.

Ouvrir l'outil →

Vérificateur de contraste de couleur

Vérifiez le rapport de contraste WCAG entre les couleurs de premier plan et d’arrière-plan.

Ouvrir l'outil →