Quelle est la différence entre les méthodes de calcul ?

Les méthodes comme HSL ou LAB ajustent la luminosité de manière plus naturelle pour l'œil humain, tandis que la méthode linéaire ajoute simplement du noir pur.

Puis-je obtenir les valeurs en format RGB ?

Oui, en cochant l'option 'Afficher les valeurs RGB', l'outil génère automatiquement les équivalents numériques pour chaque nuance créée.

Combien de nuances puis-je générer à la fois ?

Vous pouvez générer entre 2 et 12 variations d'ombre selon vos besoins de design.

L'outil inclut-il ma couleur d'origine ?

Oui, vous pouvez activer l'option 'Inclure la couleur originale' pour voir la base et ses dérivés côte à côte.

Qu'est-ce que la distribution des pas ?

Elle définit la progression de l'assombrissement : 'Exponentiel' rend les ombres plus sombres rapidement, tandis que 'Logarithmique' offre une transition plus douce.

Elysia Tools

Navigation mobile

Design

Générateur d'Ombres de Couleur

Générez des variations plus foncées d'une couleur en ajoutant du noir, créant des ombres riches pour la profondeur et le contraste dans le design

Exécution

Exécuter cet outil

Remplissez le formulaire, lancez l’outil et consultez le résultat au même endroit.

Entrées

Les options sont groupées pour rendre les longs formulaires plus lisibles.

11 réglages

ContenuCollez ou saisissez les valeurs principales.1

Valeurs de Pas PersonnaliséestextOptionnelValeurs séparées par des virgules (ex: 0.1,0.3,0.5,0.7,0.9)

RéglagesAjustez formats, plages, nombres et modes.5

Couleur de BasecolorRequisMéthode d'OmbreselectOptionnelNombre d'OmbresnumberOptionnelCombien de variations d'ombre générerIntensité d'OmbrenumberOptionnelObscurité maximale (0.1-1.0)Distribution des PasselectOptionnel

OptionsActivez ou désactivez les comportements optionnels.5

Inclure la Couleur OriginalecheckboxOptionnelActivé si cochéAfficher les Codes HEXcheckboxOptionnelActivé si cochéAfficher les Valeurs RGBcheckboxOptionnelActivé si cochéAfficher les Valeurs HSLcheckboxOptionnelActivé si cochéGénérer une Palette ÉtenduecheckboxOptionnelActivé si coché

Résultat

Prêt à exécuter

Après exécution, les fichiers, textes, données structurées ou sorties en flux apparaîtront ici.

Exemples

Exemples adaptés à cet outil

Associé

Générateur d'Ombres de Couleur

Exécuter cet outil

Entrées

Résultat

Exemples adaptés à cet outil

Continuer avec des outils et dossiers associés

Entrées

Résultat

Découvrez quand utiliser cet outil, ce qu'il prend en charge et comment les utilisateurs l'appliquent.

Points clés

Aperçu

Quand l’utiliser

Fonctionnement

Cas d’usage

Exemples

1. Création d'une palette de boutons

2. Ombrage pour illustration vectorielle

FAQ

Exemples de codes couleur

Exemples de Traitement d'Images Android Java

Exemples de Traitement d'Images Android Kotlin

Exemples de Traitement d'Images Web Python

Couleurs Analogues

Générateur de dégradé de couleurs

Décaleur de Teinte de Couleur

Éclaircissement/Abscissement de Couleur

Generateurs d'effets CSS, palettes et design tokens

Outils de Design Couleur et Conversion d'Espaces Colorimétriques

Outils de conversion d'espaces colorimetriques pour web et impression

Outils d audit d accessibilite web et de couleurs accessibles