#00FFFF - Cyan - Cyan
Le code couleur en hexadécimal #00FFFF correspond à la couleur "Cyan" et a pour dénomination officielle "Cyan", il s'agit d'une nuance de Bleu. Il est équivalent au code simplifié #0FF . La couleur est un mélange de rouge (niveau à 0,00), de vert (niveau à 1,00) et de bleu à (niveau à 1,00). Sa luminosité est de 50% et sa saturation à 100%. Elle est composée de rouge à 0%, de vert à 50% et de bleu à 50%.
Caractéristiques
Variations de #00FFFF (Cyan)
Nuances plus claires
Palette des nuances éclaircies progressivement. La teinte la plus claire de #00FFFF a pour code #E5FFFF
Nuances plus foncées
Palette de nuances de plus en plus sombres. La teinte la plus sombre est #001919.
Autres Nuances de Bleu
Exemple d'autres couleurs dans les nuances de Bleu.
Palettes de couleurs
La couleur complémentaire #FF0000 est la couleur à l'exacte opposé de #00FFFF sur le cercle chromatique. La palette triadique est obtenue à partir des deux couleurs espacées de manière égale sur la roue des couleurs.
Palette complémentaire
Cyan
Cyan
#00FFFF
Palette triadique
Utilisations de #00FFFF en CSS
Si vous utilisez #00FFFF en couleur de fond, choisissez plutôt une couleur sombre pour le texte, afin d'avoir pour une meilleure lisibilité. Si vous voulez utiliser #00FFFF en couleur de texte, préférez un fond sombre, par exemple en Noir.
Il est possible de remplacer le code couleur #00FFFF par son nom officiel (Cyan). On pourra ainsi écrire en CSS "background: Cyan " pour un arrière-plan #00FFFF.
#00FFFF en couleur d'arrière plan
div{ background: #00FFFF; }
div{ background: Cyan; }
Texte coloré
div{ color: #00FFFF; }
div{ color: Cyan; }
Bordures
div{ border: 3px solid #00FFFF; }
div{ border: 3px solid Cyan; }
Ombre cellule
div{ box-shadow: 3px 3px 7px #00FFFF; }
div{ box-shadow: 3px 3px 7px Cyan; }
Remarque:
En CSS, le code couleur #00FFFF, peut être remplacé par sa dénomination officielle "Cyan", ou par le code simplifié #0FF.
Couleurs proches
Autres codes couleurs proches ou équivalents à #00FFFF.
Choisir une autre couleur
Sélectionnez une autre couleur sur la roue chromatique.