Outils de design

À propos de ces outils

Les 36 outils de cette rubrique sont gratuits, fonctionnent dans votre navigateur sur tous les appareils et ne demandent aucune inscription.

• Convertisseur HEX en RGB: Convertissez des codes couleur HEX en RGB et voyez la même couleur en HSL, HSV, CMJN, OKLCH, avec son nom.
• Convertisseur RGB en HEX: Convertissez des couleurs rgb(…) en codes HEX, ainsi que dans tous les autres formats.
• Convertisseur HEX en HSL: Convertissez des couleurs HEX en HSL, avec des nuances plus claires et plus foncées.
• Vérificateur de contraste: Testez les couleurs du texte et du fond selon WCAG AA/AAA et obtenez les couleurs conformes les plus proches.
• Simulateur de daltonisme: Voyez une image ou vos couleurs comme les perçoivent les personnes daltoniennes.
• Générateur de palettes de couleurs: Générez des palettes, verrouillez les couleurs qui vous plaisent, extrayez une palette d’une photo et vérifiez le contraste du texte.
• Générateur de dégradés: Créez des dégradés linéaires, radiaux, coniques et mesh, choisissez dans une galerie, copiez le CSS ou téléchargez un fond d’écran.
• Générateur de glassmorphism: Créez des cartes effet verre dépoli avec aperçu en direct et copiez le CSS.
• Générateur de neumorphism: Créez des boutons et cartes doux à l’aspect 3D (soft UI) et copiez le CSS.
• Générateur de motifs CSS: Rayures, pois, grilles, damiers, zigzags et plus, en arrière-plans pur CSS ou SVG.
• Générateur de formes SVG: Étoiles, polygones, badges et éclats en SVG ou PNG.
• Générateur de blobs SVG: Formes organiques aléatoires pour fonds et illustrations, en SVG ou PNG.
• Générateur de vagues SVG: Vagues superposées pour séparateurs de sections et arrière-plans, en SVG, PNG ou CSS.
• Éditeur de pixel art: Dessinez du pixel art sur une grille avec mode miroir, remplissage et annulation, puis téléchargez un PNG net.
• Générateur d’art ASCII: Transformez du texte en grandes lettres ASCII (nombreuses polices) ou une photo en art ASCII.
• Générateur de favicon et d’icônes d’app: Toutes les tailles d’icônes à partir d’une image : favicon.ico, Apple touch icon, icônes Android et PWA, avec le code HTML.
• Aperçu de favicon: Voyez votre icône dans les onglets du navigateur (clair et sombre), les favoris, les résultats Google et l’écran d’accueil des téléphones.
• Créateur de bannières pour réseaux sociaux: Créez des bannières YouTube, LinkedIn, X et Facebook aux tailles exactes, avec les zones de sécurité affichées.
• Cadre de photo de profil: Ajoutez un anneau coloré et un texte incurvé (comme « HIRING » ou le nom d’un événement) autour de votre photo de profil.
• Associations de polices: Paires de polices titre et texte sélectionnées à la main, y compris en arabe, avec aperçu en direct et CSS.
• Designer de QR code: QR codes personnalisés : couleurs, dégradés, formes des points et des coins, logo et cadre « Scannez-moi ».
• Créateur de logo et de logo d'entreprise: Créez un logo simple à partir d'un nom, d'une icône et de vos couleurs, et téléchargez-le en SVG ou PNG.
• Générateur de teintes et nuances: Teintes plus claires, nuances plus sombres et tons plus doux de n'importe quelle couleur, avec variables CSS.
• Mélangeur de couleurs: Mélangez deux couleurs en toute proportion et voyez le résultat en HEX, RGB, HSL et OKLCH.
• Cercle chromatique et harmonies: Schémas de couleurs complémentaires, analogues, triadiques et autres à partir d'un cercle chromatique.
• Grille de contraste des couleurs: Vérifiez en une fois chaque paire texte et fond de votre palette selon WCAG.
• Noms de couleurs CSS: Les 148 noms de couleurs CSS avec leurs codes, et le nom le plus proche de n'importe quelle couleur.
• Kelvin en RGB (température de couleur): Transformez la température de couleur d'une lumière (2700 K, 6500 K…) en couleur HEX et RGB.
• Générateur de palette de couleurs Tailwind: Créez une échelle de couleurs Tailwind CSS 50–950 à partir de la couleur de votre marque, pour v3 ou v4.
• Générateur de palette Material: Palettes tonales de style Material 3 et rôles de couleurs clairs et sombres à partir d'une couleur de base.
• Générateur d'échelle d'ombres: Créez un jeu d'ombres de boîte assorties (niveaux d'élévation) sous forme de variables CSS.
• Générateur d'échelle de couleurs: Étapes progressives entre deux couleurs pour graphiques, cartes et dégradés.
• Générateur de texte dégradé: Créez du texte dégradé coloré en CSS, ou téléchargez-le en PNG transparent.
• Extraire les couleurs d'une image: Trouvez les couleurs principales d'une photo ou d'un logo, avec la part de chacune.
• Vérificateur de palette adaptée au daltonisme: Vérifiez si les personnes daltoniennes peuvent distinguer les couleurs de votre palette.
• Générateur de couleur aléatoire: Couleurs aléatoires vives, pastel, sombres ou terreuses, avec noms, codes HEX et verrous.