IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Atténuer une le contraste et la luminosité d'une image


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2010
    Messages
    42
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 42
    Par défaut Atténuer une le contraste et la luminosité d'une image
    Bonjour,

    Imaginons que j'ai une image que je mets en background sur un div ou sur mon body. Cette image a des couleurs trop importantes ce qui gène la lecture du texte dans le div ou le body. Est ce qu'il existerait une propriété css qui permettrait d'atténuer la luminosité et le contraste de cette image (comme le permettrait un logiciel comme gimp ou photoshop)?

  2. #2
    Rédacteur

    Homme Profil pro
    Responsable de projet
    Inscrit en
    Mai 2009
    Messages
    634
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 46
    Localisation : France

    Informations professionnelles :
    Activité : Responsable de projet
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2009
    Messages : 634
    Par défaut
    Bonjour,

    En CSS3, il existe une propriété de couleur qui permet de le faire: hsl pour teinte, saturation et luminosité (Hue, Saturation, Luminosity)
    Exemple:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    p.example{
        background-color:hsl(100, 100%, 50%);
        color:hsl(250, 100%, 50%);
    }
    si tu ne peux pas le faire en css3, tu peux utiliser opacity pour rendre + ou - opaque un élément.

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2010
    Messages
    42
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 42
    Par défaut
    Nickel! Merci beaucoup pour l'info!

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Augmenter la luminosité d'une image
    Par Étienne9 dans le forum Traitement d'images
    Réponses: 5
    Dernier message: 14/03/2012, 08h47
  2. Augmenter la luminosité d'une image
    Par Bleys dans le forum OpenCV
    Réponses: 10
    Dernier message: 25/06/2010, 11h59
  3. Luminosité d'une image sous matlab
    Par autoin dans le forum Images
    Réponses: 4
    Dernier message: 12/04/2010, 01h01
  4. Contraste et luminosité d'une image
    Par adrien954 dans le forum C++Builder
    Réponses: 2
    Dernier message: 24/09/2008, 19h46
  5. modifier le contraste et la luminosité d'une image
    Par djtsou dans le forum Interfaces Graphiques
    Réponses: 6
    Dernier message: 31/03/2008, 18h00

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo