#808080 Brume de Métal

    Génère des codes couleur, variations, harmonies, et vérifie les ratios de contraste.

    Conversion de couleur

    HEX

    #808080Brume de Métal

    HEX
    #808080
    HSL
    0, 0, 50
    RGB
    128, 128, 128
    XYZ
    21, 22, 24
    CMYK
    0, 0, 0, 50
    LUV
    54,9,4
    LAB
    54, 0, 0
    HWB
    0, 50, 50

    À propos de cette couleur

    sobre et réfléchi

    Ce gris, à la fois sobre et mystérieux, évoque les voiles de la brume matinale qui se déposent délicatement sur le paysage. Il transmet une sensation de calme profond et d'introspection, comme un reflet d'une pensée tranquille dans un monde agité.

    Psychologie

    Traits psychologiques et associations émotionnelles

    équilibre
    neutralité
    sérénité
    modernité
    élégance

    Effet

    Ce gris a un effet apaisant sur les observateurs, incitant à la réflexion et à la concentration.

    Signification et symbolisme

    Symbolisme et signification culturelle

    maturité
    stabilité
    indépendance
    sagesse
    mélancolie

    Signification culturelle

    Dans de nombreuses cultures, le gris est associé à la sophistication et à la modernité, mais il peut également symboliser le deuil et la perte. En Chine, par exemple, le gris est souvent lié à la neutralité et à l'équilibre.

    Applications en design

    Comment cette couleur est utilisée dans différents domaines

    Mode

    Le gris est souvent utilisé dans la mode pour créer des looks sophistiqués et intemporels.

    Architecture

    Dans l'architecture moderne, le gris est prisé pour sa capacité à s'intégrer harmonieusement dans divers environnements.

    Design intérieur

    Utilisé dans le design intérieur, il apporte une ambiance calme et élégante, parfaite pour des espaces de travail.

    Graphisme

    En graphisme, le gris est utilisé comme couleur de fond pour faire ressortir des éléments plus vifs.

    Art

    Dans l'art, ce gris peut être employé pour créer des atmosphères mélancoliques ou contemplatives.

    Signification historique

    L'histoire et le patrimoine de cette couleur

    Le gris a été utilisé dans l'art depuis l'Antiquité, souvent comme une couleur de fond pour mettre en valeur des teintes plus vives. Au Moyen Âge, il était associé aux vêtements des moines, symbolisant la modestie et la piété. Avec l'avènement de l'ère industrielle, le gris est devenu la couleur emblématique des machines et de l'urbanisation, marquant une transition vers la modernité.

    Dans l'art moderne, des artistes tels que Pablo Picasso et Mark Rothko ont utilisé des nuances de gris pour exprimer des émotions complexes et des états d'âme. Aujourd'hui, le gris est omniprésent dans la culture contemporaine, souvent perçu comme un symbole de sophistication et de minimalisme, tout en conservant une certaine mélancolie qui lui est propre.

    Variations

    Cette section a pour but de produire avec précision des teintes (ajout de blanc pur) et des nuances (ajout de noir pur) de votre couleur sélectionnée par incréments de 10 %.

    Astuce Pro : Utilisez les nuances pour les états de survol et les ombres, les teintes pour les surbrillances et les arrière-plans.

    Nuances

    Variations plus sombres créées en ajoutant du noir à votre couleur de base.

    Teintes

    Variations plus claires créées en ajoutant du blanc à votre couleur de base.

    Cas d'utilisation courants

    • États des composants UI (survol, actif, désactivé)
    • Créer de la profondeur avec des ombres et des surbrillances
    • Construire des systèmes de couleurs cohérents

    Astuce pour le système de design

    Ces variations forment la base d'une palette de couleurs cohérente. Exportez-les pour maintenir la cohérence dans l'ensemble de votre projet.

    Combinaisons de couleurs

    Chaque harmonie a sa propre ambiance. Utilisez les harmonies pour réfléchir à des combinaisons de couleurs qui fonctionnent bien ensemble.

    Comment utiliser

    Cliquez sur n'importe quelle couleur pour copier sa valeur hex. Ces combinaisons sont mathématiquement prouvées pour créer une harmonie visuelle.

    Pourquoi c'est important

    Les harmonies de couleurs créent un équilibre et évoquent des émotions spécifiques dans vos designs.

    Complément

    Une couleur et son opposé sur le cercle chromatique, +180 degrés de teinte. Fort contraste.

    #808080
    Idéal pour: Designs à fort impact, appels à l'action, logos

    Complémentaire divisé

    Une couleur et deux adjacentes à son complément, +/-30 degrés de teinte par rapport à la valeur opposée à la couleur principale. Audacieux comme un complément direct, mais plus polyvalent.

    Idéal pour: Mises en page vibrantes mais équilibrées

    Triadique

    Trois couleurs espacées uniformément sur le cercle chromatique, chacune à 120 degrés de teinte. Mieux vaut laisser une couleur dominer et utiliser les autres comme accents.

    Idéal pour: Designs ludiques et énergiques

    Analogues

    Trois couleurs de même luminance et saturation avec des teintes adjacentes sur le cercle chromatique, à 30 degrés d'écart. Transitions douces.

    Idéal pour: Interfaces inspirées de la nature, apaisantes

    Monochromatique

    Trois couleurs de même teinte avec des valeurs de luminance +/-50%. Subtil et raffiné.

    Idéal pour: Designs minimalistes et sophistiqués

    Tétradique

    Deux ensembles de couleurs complémentaires, séparés par 60 degrés de teinte.

    Idéal pour: Schémas de couleurs riches et variés

    Principes de la théorie des couleurs

    Équilibre

    Utilise une couleur dominante, soutiens avec une couleur secondaire, et accentue avec parcimonie.

    Contraste

    Assure un contraste suffisant pour la lisibilité et l'accessibilité.

    Harmonie

    Les couleurs doivent fonctionner ensemble pour créer une expérience visuelle unifiée.

    Vérificateur de contraste des couleurs

    Teste les combinaisons de couleurs pour t'assurer qu'elles respectent les normes d'accessibilité WCAG pour la lisibilité du texte.

    Couleur du texte
    Couleur de l'arrière-plan
    Contraste
    1.00
    Fail
    Très mauvais
    Petit texte
    ✖︎
    Grand texte
    ✖︎
    Normes WCAG
    AA:Ratio de contraste minimal de {/* LOCKED_PATTERN_9d9af93de94845e423615e888dbf354f */} pour le texte normal et 3:1 pour le texte large. Requis pour la plupart des sites web.
    AAA:Ratio de contraste amélioré de 7:1 pour le texte normal et {/* LOCKED_PATTERN_9d9af93de94845e423615e888dbf354f */} pour le texte large. Recommandé pour une accessibilité optimale.
    Contraste insuffisant pour toutes les tailles de texte - ne respecte pas les normes WCAG.

    Vérificateur de contraste avancé

    Affinez avec des curseurs, plusieurs aperçus et plus

    Tout le monde est un génie. Mais si tu juges un poisson sur sa capacité à grimper à un arbre, il vivra toute sa vie en croyant qu'il est stupide.

    - Albert Einstein

    Formats techniques

    Formats pratiques

    Analyse de couleur

    Simulateur de daltonisme

    Aspects créatifs

    Questions fréquemment posées

    Quelle est la couleur de #808080 ?
    #808080 est Brume de Métal – Ce gris, à la fois sobre et mystérieux, évoque les voiles de la brume matinale qui se déposent délicatement sur le paysage. Il transmet une sensation de calme profond et d'introspection, comme un reflet d'une pensée tranquille dans un monde agité.