#F77FBE Rose Éclatant

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

    Conversion de couleur

    #f77fbeRose Éclatant

    HEX
    #f77fbe
    HSL
    329, 88, 73
    RGB
    247, 127, 190
    XYZ
    55, 39, 53
    CMYK
    0, 49, 23, 3
    LUV
    69,88,-22
    LAB
    69, 53, -12
    HWB
    329, 50, 3

    À propos de cette couleur

    joyeux et pétillant

    Ce rose vif, vibrant et pétillant évoque une douce rêverie, comme un coucher de soleil flamboyant qui embrase le ciel. Il incarne la joie et l'optimisme, insufflant une sensation de fraîcheur et de passion à ceux qui l'observent.

    joyeux et pétillant

    Psychologie

    Traits psychologiques et associations émotionnelles

    créativité
    optimisme
    sensibilité
    passion
    énergie

    Effet

    Cette couleur stimule l'humeur, inspire la créativité et évoque un sentiment de bonheur et de légèreté.

    Signification et symbolisme

    Symbolisme et signification culturelle

    amour
    compassion
    joie
    romantisme
    fête

    Signification culturelle

    Dans de nombreuses cultures, le rose est souvent associé à l'amour et à la tendresse. Il est célébré lors des fêtes et des cérémonies, symbolisant la joie et l'union.

    Applications en design

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

    Mode

    Ce rose éclatant est utilisé dans les collections de mode pour apporter une touche de fraîcheur et d'audace aux vêtements.

    Décoration intérieure

    Dans les espaces de vie, il est employé pour créer une ambiance chaleureuse et accueillante, souvent dans des accents ou des pièces maîtresses.

    Graphisme

    En design graphique, ce ton est prisé pour attirer l'attention et véhiculer des messages positifs et dynamiques.

    Cosmétique

    De nombreux produits de beauté utilisent ce rose pour évoquer la jeunesse et la vitalité, notamment dans les rouges à lèvres et les fards à joues.

    Événementiel

    Ce rose est fréquemment choisi pour les décorations d'événements festifs, comme les mariages et les anniversaires, pour sa capacité à célébrer la joie.

    Signification historique

    L'histoire et le patrimoine de cette couleur

    Le rose a une histoire fascinante qui remonte à l'Antiquité, mais ce ton particulier de rose éclatant a gagné en popularité au cours du XXe siècle, notamment dans le domaine de la mode et du design. Dans les années 1950, il est devenu un symbole de l'optimisme de l'après-guerre, souvent utilisé dans la culture populaire pour représenter la jeunesse et la vitalité.

    Artistes et designers, inspirés par cette couleur vive, l'ont adoptée pour ses qualités expressives. Aujourd'hui, ce rose éclatant est omniprésent dans divers domaines, du design d'intérieur aux campagnes de sensibilisation, et continue d'évoquer des sentiments de joie et d'énergie dans la culture contemporaine.

    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.

    #f77fbe
    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