Informations sur le code couleur #336B80
Toutes les conversions, harmonies et vérifications d'accessibilité dont vous avez besoin pour concevoir en toute confiance.
Conversion de couleurs
Générez des valeurs pour plusieurs modèles de couleurs en un seul endroit.
#336B80
≈≈ Bleu Acier
Cartes de couleurs de référence
Un ΔE plus faible signifie une correspondance visuelle plus proche
Teintes et nuances
Découvrez comment #336B80 se comporte lorsque vous le mélangez avec du blanc ou du noir. Ces échantillons sont parfaits pour les états de survol, les ombres et les arrière-plans.
Survolez pour copier n'importe quelle valeur hexadécimale et la réutiliser dans votre interface.
Nuances
0–100 %Teintes
0–100 %Cas d'utilisation courants
- États des composants d'interface utilisateur (survol, actif, désactivé)
- Création de profondeur avec des ombres et des lumières
- Construction de systèmes de couleurs cohérents
Système de design
Conseil pour le système de design
Ces variations constituent la base d'une palette cohérente. Exportez-les pour maintenir l'alignement entre le marketing, le produit et l'ingénierie.
Harmonies de couleurs
Créez instantanément des palettes équilibrées grâce aux harmonies générées à partir de #336B80.
Cliquez sur n'importe quel échantillon pour ouvrir sa page de détails et continuer l'exploration.
Comment utiliser
Choisissez une couleur dominante, puis laissez les teintes secondaires servir d'accents pour la typographie, les surfaces et les boutons d'appel à l'action.
Pourquoi c'est important
Des harmonies équilibrées communiquent une intention (calme, énergie, qualité supérieure) sans surcharger votre mise en page.
Complémentaire
Teintes opposées qui créent un impact et un contraste audacieux.
Idéal pour
CTA à fort impact, logos et sections d'introduction
Analogue
Teintes voisines pour des dégradés naturels et fluides.
Idéal pour
Tableaux de bord apaisants, inspirés de la nature
Triadique
Trois teintes également espacées pour un équilibre ludique.
Idéal pour
Marque ludique et mises en page éditoriales
Tétradique
Deux paires complémentaires qui offrent une riche variété.
Idéal pour
Illustrations et expériences marketing
Contraste d'accessibilité
Vérifiez la lisibilité de #336B80 avec les couleurs de texte courantes afin que chaque visiteur bénéficie d'une expérience claire.
Utilisez AA comme référence pour le corps du texte et AAA pour une accessibilité premium.
Formats techniques
Déverrouillez les espaces colorimétriques professionnels comme XYZ, LAB, les variantes CMJN et les profils prêts à l'exportation.
Formats pratiques
Obtenez des simulations d'impression, des mappages LED et des ordres d'octets prêts pour les développeurs.
Analyse des couleurs
Plongez dans les données spectrales, les rapports de dominance et les analyses avancées.
Simulateur de daltonisme
Prévisualisez l'apparence de #336B80 pour les déficiences visuelles courantes.
Aspects créatifs
Explorez les associations saisonnières, les signaux émotionnels et les occurrences naturelles.
Conseils de design
Équilibre
Traitez #336B80 comme un élément de mise en évidence. Associez-le à des neutres et à une teinte secondaire pour éviter la surcharge visuelle.
Contraste
Testez les combinaisons avec du contenu réel. Un contraste plus élevé améliore le balayage visuel, la lisibilité et les conversions.
Harmonie
Utilisez des teintes plus claires pour les surfaces, la couleur de base pour les primaires et des nuances plus foncées pour les états de survol ou d'appui.
Besoin d'une autre couleur ?
Retournez au sélecteur de couleurs pour télécharger des images, générer des palettes et explorer de nouvelles relations de couleurs.
Ouvrir le sélecteur de couleurs