Conversion de couleur
#c8eae9
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.
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.
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.
Analogues
Trois couleurs de même luminance et saturation avec des teintes adjacentes sur le cercle chromatique, à 30 degrés d'écart. Transitions douces.
Monochromatique
Trois couleurs de même teinte avec des valeurs de luminance +/-50%. Subtil et raffiné.
Tétradique
Deux ensembles de couleurs complémentaires, séparés par 60 degrés de teinte.
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
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.
Formats techniques
Formats pratiques
Analyse de couleur
Simulateur de daltonisme
Aspects créatifs
Questions fréquemment posées
- Quelle est la couleur de #C8EAE9 ?
- #C8EAE9 est Brise d'Atoll – Un bleu-vert pâle et aérien, comme la surface calme d'un lagon peu profond au petit matin. Il évoque une sérénité lumineuse et un soulagement frais, à la fois rassurant et revigorant.
- Que symbolise Brise d'Atoll ?
- pureté rafraîchissante, santé et hygiène, renouveau, sécurité douce, liens à l'eau et à la nature. En Occident, les tons aqua pâles évoquent la propreté, la santé et le bien-être; au Japon, des teintes similaires sont associées à la fraîcheur saisonnière et à l'élégance discrète; dans certaines cultures du Moyen-Orient, le turquoise pâle est historiquement lié à la protection et au bon augure.
- Où est utilisé Brise d'Atoll dans le design ?
- Dans un espace, cette teinte réduit l'agitation visuelle et invite à la respiration lente, aidant à abaisser la tension perçue. En design, elle fonctionne comme un tampon émotionnel qui rend les interfaces et les environnements plus accessibles sans être infantilisants.
- Quelles couleurs vont bien avec Brise d'Atoll ?
- colorCode.seoFaqPairingAnswer #FFB7B2: Corail pâle complémentaire qui crée un contraste chaleureux et doux, relation complémentaire atténuée pour équilibre émotionnel.. #96EDEB: Aqua plus saturé en tonalité analogue pour une progression harmonieuse (harmonie analogique) qui renforce l'effet lagon.. #E9C8EA: Lavande pastel en triade douce; apporte une tension subtile et une sophistication féminine (harmonie triadique atténuée)..
- Comment Brise d'Atoll affecte-t-il l'humeur ?
- Sérénité fraîche et rassurante Un sentiment immédiat de calme et de soin, comme une pause rafraîchissante. colorCode.seoFaqMoodTraits
- Quels secteurs utilisent Brise d'Atoll ?
- colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
- Quelle est l'histoire de Brise d'Atoll ?
- Les nuances aqua pâles ont des racines anciennes dans le verre et la céramique: dès l'Antiquité, des verres soufflés et des émaux d'un vert-bleu léger apparaissent autour des côtes méditerranéennes, produits par des oxydes de cuivre et de fer. Au XVIIIe et XIXe siècle, des pigments comme la vert-de-gris et les émaux à base de cuivre ont permis des variantes pâles utilisées dans la faïence et le mobilier décoratif.
- Comment utiliser Brise d'Atoll dans le design ?
- Maintenir un contraste clair entre surfaces pâles et accents foncés tout en introduisant textures naturelles pour préserver chaleur et lisibilité.colorCode.seoFaqDesignDo
- Brise d'Atoll est-il accessible ?
- colorCode.seoFaqAccessibilityAnswer Conforme à WCAG AA pour le texte normal et grand.