Aller au contenu

Outils gratuits de conception web

Retrouvez tous les convertisseurs et générateurs de WPDean en français. Créez du CSS et du HTML, convertissez des couleurs et calculez des dimensions avec l’outil adapté.

Générateur de palettes de couleurs accessibles

Ce générateur de palettes de couleurs accessibles crée une palette de cinq couleurs à partir d’une couleur de base. Pour chacune, il indique si un texte blanc ou noir sur ce fond atteint les seuils de contraste des WCAG. Choisissez une couleur et un type de palette, puis consultez les indicateurs.

Générateur de clip-path CSS

Déplacez les points, puis copiez le code. Ce générateur CSS clip-path est un éditeur visuel de polygones : déplacez les poignées dans l’aperçu et la valeur de clip-path affichée en dessous s’actualise en continu. Les valeurs sont exprimées en pourcentages afin que la forme s’adapte à la taille de l’élément auquel vous l’appliquez.

Convertisseur de CM en PX

Ce convertisseur de CM en PX transforme instantanément les centimètres en pixels selon le réglage DPI choisi. Les designers et les développeurs passent constamment des unités d’impression aux unités d’écran. Cet outil simplifie cette opération.

Convertisseur de CMYK en RGB

Ce convertisseur de CMYK en RGB transforme les pourcentages CMYK de cyan, magenta, jaune et noir en valeurs RGB et HEX pour le design numérique, à l’aide de la formule de conversion standard.

Trouver le nom d’une couleur

Cet outil de recherche de noms de couleurs indique comment s’appelle une couleur présente dans une image. Importez une image et survolez un pixel : le panneau affiche la couleur nommée la plus proche, son code hexadécimal et ses valeurs RGB. L’image reste dans votre navigateur.

Générateur de border-radius CSS

Le générateur de border-radius CSS est un outil gratuit accessible dans le navigateur. Il permet de créer visuellement des valeurs d’arrondi des angles et d’en afficher un aperçu sans écrire une seule ligne de code.

Générateur de box-shadow CSS

Ce générateur de box-shadow CSS est un outil gratuit accessible dans le navigateur. Il permet de créer et d’exporter visuellement des ombres de blocs sans écrire une seule ligne de code.

Calculateur de clamp() CSS

Ce calculateur de clamp CSS génère avec précision des valeurs clamp() fluides et adaptatives, sans avoir à les estimer.

Générateur d’effet de verre CSS

Ce générateur de glassmorphism CSS crée un effet de verre dépoli à l’aide de quatre curseurs et fournit le CSS correspondant. L’aperçu applique les mêmes valeurs à une carte et à une fenêtre modale. Des formes flottantes en arrière-plan permettent de voir l’effet du flou.

Fonds en dégradé CSS

Un arrière-plan dégradé CSS est une image générée par du code à l’aide des fonctions natives de CSS. Il ne nécessite aucun fichier image externe.

Générateur d’animations CSS

Un générateur visuel d’animations CSS par images clés qui permet de créer, de prévisualiser et d’exporter du CSS avec @keyframes prêt pour la production, sans écrire une seule ligne de code.

Générateur d’indicateurs de chargement CSS

Ce générateur d’indicateurs de chargement CSS écrit le CSS d’une animation de chargement pour vous éviter de coder les images clés à la main. Choisissez un indicateur, ajustez trois réglages et copiez le résultat. Chaque indicateur utilise uniquement du CSS : aucun JavaScript, aucune image et aucune dépendance.

Générateur de text-shadow CSS

Ce générateur d’ombres de texte CSS permet de concevoir et d’exporter des effets d’ombre de texte dans votre navigateur sans écrire une seule ligne de code.

Générateur de texte avec effet glitch

Ce générateur de texte glitch transforme une ligne de texte en effet glitch animé en CSS et fournit le HTML et le CSS nécessaires pour le reproduire. Tout fonctionne dans votre navigateur. Aucune donnée n’est envoyée.

HEX en RGB : convertisseur de couleurs

Convertissez instantanément des codes couleur hexadécimaux en valeurs RGB avec notre convertisseur de HEX en RGB. Un outil clair et moderne pour les designers et les développeurs.

Convertisseur de HSL en RGB

Ce convertisseur de HSL en RGB transforme instantanément les couleurs HSL en plusieurs formats. Réglez la teinte, la saturation, la luminosité et le canal alpha avec des curseurs précis ou des champs numériques. Cliquez ensuite sur un résultat pour le copier.

Générateur de formulaires HTML

Ce générateur de formulaires HTML permet de créer et d’exporter des formulaires HTML prêts pour la production sans écrire une seule ligne de code. Concevez votre formulaire visuellement, consultez son rendu en direct et copiez un balisage propre en quelques secondes.

Générateur de tableaux HTML

Le générateur de tableaux HTML est un outil accessible dans le navigateur qui permet de créer des tableaux HTML prêts pour la production sans écrire une seule ligne de code.

Convertisseur de HTML en texte

Transformez du code HTML en texte propre et lisible. Ce convertisseur léger de HTML en texte traite votre balisage avec l’analyseur HTML du navigateur, supprime les balises et restitue le texte qu’elles contiennent.

Convertisseur de Markdown en HTML

Ce convertisseur de Markdown en HTML transforme du Markdown simple en HTML propre et prêt à l’emploi pendant la saisie. Un petit analyseur Markdown fonctionne dans votre navigateur : aucune donnée n’est envoyée à un serveur.

Convertisseur de PT en CM

Ce convertisseur de PT en CM est un outil rapide accessible dans le navigateur pour convertir des points typographiques en centimètres et inversement.

PX en CM : pixels en centimètres

Ce convertisseur de PX en CM est un outil rapide accessible dans le navigateur pour convertir des pixels en centimètres et inversement.

Convertisseur de PX en pouces

Ce convertisseur de PX en pouces transforme instantanément des valeurs en pixels en dimensions physiques exprimées en pouces, quel que soit le réglage DPI.

Convertisseur de PX en PT

Ce convertisseur de PX en PT est un outil léger accessible dans le navigateur qui convertit instantanément des pixels en points et inversement pour les projets destinés à l’écran ou à l’impression.

RGB en HEX : convertisseur de couleurs

Un convertisseur simple de RGB en HEX. Convertissez instantanément des valeurs RGB au format hexadécimal.

Convertisseur de RGB en CMYK

Convertissez instantanément les couleurs entre les formats numériques (RGB) et les formats d’impression (CMYK) avec notre convertisseur de RGB en CMYK.

Convertisseur de RGB en HSL

Ce convertisseur de RGB en HSL transforme instantanément les valeurs RGB (rouge, vert, bleu) en HSL (teinte, saturation, luminosité) et en HEX. Il s’adresse aux designers, aux développeurs et à toutes les personnes qui travaillent avec des systèmes de couleurs.

Générateur de vagues SVG

Ce générateur de vagues SVG crée des arrière-plans de vagues superposées pour les sections d’introduction, les séparateurs de sections et les cartes, puis fournit le code SVG. Chaque couche est un tracé distinct que vous contrôlez avec des curseurs. Aucun logiciel de design n’est nécessaire et aucune donnée ne quitte votre navigateur.

Convertisseur de Word en HTML

Collez depuis Word et copiez du HTML propre. Ce convertisseur de Word en HTML utilise votre presse-papiers : collez du texte mis en forme provenant de Microsoft Word, de Google Docs ou d’un autre éditeur de texte enrichi dans le panneau de gauche. Le panneau de droite affiche le HTML correspondant pendant la saisie.