Générateur d'ombre CSS (box-shadow)

Règle une ombre CSS avec aperçu en direct et copie le code généré — décalage, flou, étendue, couleur, inset.

L'outil interactif a besoin de JavaScript pour fonctionner. Tout le reste de cette page — son fonctionnement, un exemple chiffré et les réponses aux questions courantes — se trouve plus bas et n'a besoin de rien.

Outils similaires

Tous les outils : Hachage & cryptographie →

Embellisseur CSSReformate du CSS minifié ou désordonné en règles propres et bien indentées — ou reminifie-le.Compresseur CSSMinifie le CSS en retirant commentaires et espaces pour réduire la taille de ta feuille de style.Terrain de jeu CSS FlexboxExpérimente flex-direction, wrap, justify-content, align-items et gap — aperçu en direct et CSS à copier.Générateur de CSS GridConstruis une mise en page CSS Grid visuellement — colonnes, lignes, espaces et alignement — avec aperçu en direct et CSS à copier.Calculateur de somme Adler-32Génère une empreinte Adler-32 de n'importe quel texte dans ton navigateur, en sortie hex ou Base64. Utilisé dans zlib et PNG.Calculateur de somme CRC32Génère une empreinte CRC32 de n'importe quel texte dans ton navigateur, en sortie hex ou Base64. Contrôle d'intégrité rapide (zip, PNG).Calculateur de somme CRC64Génère une empreinte CRC64 de n'importe quel texte dans ton navigateur, en sortie hex ou Base64. ECMA-182, contrôle d'intégrité 64 bits.Générateur de hash FNV-1aGénère une empreinte FNV-1a de n'importe quel texte dans ton navigateur, en sortie hex ou Base64. Hash 64 bits non cryptographique rapide.

Générateur d'ombre CSS (box-shadow) s'utilise gratuitement, autant de fois que tu veux, directement depuis cette page. Il est rangé sous Hachage & cryptographie dans notre catalogue, aux côtés de Embellisseur CSS et Compresseur CSS.

Comment l'utiliser

Ouvre l'outil — sans inscription ni installation.
Saisis tes données ou ajuste les options disponibles.
Obtiens ton résultat instantanément, puis copie-le ou télécharge-le.

Questions fréquentes

Qu'est-ce que Générateur d'ombre CSS (box-shadow) ?

Règle une ombre CSS avec aperçu en direct et copie le code généré — décalage, flou, étendue, couleur, inset.

Dans quels cas s'en sert-on concrètement ?

Vérifier qu'un téléchargement correspond à la somme de contrôle publiée, comparer deux fichiers sans les lire, et générer une signature pour une requête d'API.

Quelle est l'erreur la plus fréquente ?

Hacher un mot de passe avec un algorithme rapide. MD5 et SHA sont conçus pour être rapides, ce qui est précisément l'inverse du besoin : un mot de passe exige une fonction volontairement lente comme bcrypt, scrypt ou Argon2.

En quoi Générateur d'ombre CSS (box-shadow) diffère-t-il de Embellisseur CSS ?

Ils se ressemblent mais répondent à des questions différentes : Embellisseur CSS est celui à ouvrir lorsqu'il s'agit de reformate du CSS minifié ou désordonné en règles propres et bien indentées — ou reminifie-le. Choisis celui qui correspond à ton point de départ — les deux sont gratuits.

Existe-t-il un outil pour l'étape suivante ?

Compresseur CSS est le plus proche après celui-ci : Minifie le CSS en retirant commentaires et espaces pour réduire la taille de ta feuille de style.

Quels autres outils vaut-il la peine d'ouvrir à côté ?

Terrain de jeu CSS Flexbox et Générateur de CSS Grid — ils reviennent assez souvent dans la même tâche pour mériter un second onglet.

D'où viennent les données ?

Les empreintes suivent leurs spécifications publiées et sont calculées par l'implémentation cryptographique du navigateur quand elle existe : une valeur se vérifie donc auprès de tout autre outil conforme.

Pour aller plus loin

Tous les guides →

ComparatifLes sommes de contrôle ne sont pas des hachages : CRC-32, Adler-32 et à quoi ils serventUne somme de contrôle attrape les accidents. Un hachage cryptographique résiste à un attaquant. Un hachage de table répartit des clés. Trois métiers différents, trois familles différentes — et voici une collision CRC-32 construite à la main en 0,11 seconde pour montrer précisément pourquoi on ne peut pas substituer l'une à l'autre.GuideCe qu'un minifieur peut retirer, et ce qu'il ne doit pas toucherLa minification doit préserver le sens, et l'intéressant, ce sont les espaces qui portent du sens : le combinateur de descendance, les espaces dans calc(), l'écart entre deux éléments en ligne. Mesuré ici sur de vrais fichiers, y compris ce que brotli te faisait déjà gagner.GuideEmbellir ou minifier : à quoi sert chacun, et ce que ça change au poidsQuatre vraies feuilles de style passées au minifieur, mesurées brutes puis après gzip. Retirer toutes les espaces a fait gagner 48, 103, 104 et 147 octets compressés ; retirer les commentaires, 57, 1 358, 2 420 et 1 042. Et les cinq entrées que ce minifieur casse.GuideCe qu'un gestionnaire de mots de passe ne peut pas mesurerL'entropie chiffre une seule attaque : la devinette hors ligne contre une empreinte volée. Au-delà d'environ 90 bits le chiffre ne décide plus rien — et l'indicateur de ce site a sous-évalué un mot de passe aléatoire de 20 caractères sur 300 tirages sur 300.ExplicationEntropie d'un mot de passe : ce qu'un indicateur de robustesse ne peut pas savoirL'entropie mesure le processus qui a produit un mot de passe, pas les caractères qui le composent. H = L x log2(R) n'est vrai que si chaque caractère a été tiré au hasard — c'est précisément pourquoi un indicateur qui note un mot de passe inventé par un humain sur ses classes de caractères mesure la mauvaise chose.ExplicationCe qu'il y a dans un JWT — et ce qu'il ne protège pasUn JWT est signé, pas chiffré. Quiconque détient le jeton peut décoder la charge utile et lire chaque revendication. Voici un vrai jeton, décodé sans aucune clé, plus les trois attaques que la signature est censée arrêter et le seul problème qu'elle ne peut pas résoudre.