turquoise
HEX #40E0D0 • RGB 64,224,208 • HSL 174 72% 56%
Nom officiel CSS : turquoise
Nuances plus claires (tints)
Base
HEX: #40E0D0
RGB: rgb(64, 224, 208)
HSL: hsl(174 72% 56%)
Nuances plus sombres (shades)
Tons désaturés (tones)
FAQ sur la couleur turquoise
Comment utiliser turquoise en CSS ?
Utilisez la propriété
color (texte), background-color (fond) ou dans un gradient. Exemple : color: #40E0D0; ou background: rgb(64, 224, 208);.Quel est le code HEX, RGB et HSL de turquoise ?
HEX :
#40E0D0 — RGB : 64, 224, 208 — HSL : 174 72% 56%.Comment obtenir une nuance plus claire ou plus sombre ?
En HSL, ajustez la luminosité (L) et la saturation (S). Augmenter L → plus clair, diminuer L → plus sombre. Notre module génère directement ces variantes au-dessus.
Cette couleur est-elle accessible sur fond clair/sombre ?
Vérifiez le contraste WCAG (ratio 4.5:1 pour du texte normal). Utilisez idéalement un testeur de contraste et préférez des variantes plus foncées pour du texte sur fond clair.
Y a-t-il des alternatives proches ?
Oui, les couleurs CSS nommées proches par teinte/saturation peuvent convenir. Parcourez l’index des couleurs pour trouver des équivalents.