Couleur rouge

Le rouge pur de l'écran, avec le canal rouge au maximum et ni vert ni bleu. Il attire l'œil plus vite que toute autre couleur, d'où son usage pour les alertes, les promotions et les boutons d'action. En excès, il fatigue la vue : on l'utilise donc plutôt par petites touches.

Rouge · #FF0000

Fiche de la couleur rouge

La couleur rouge (#FF0000) est une couleur chaude, de luminosité moyenne et très saturée. Elle appartient à la famille des rouges. Elle se compose de 255 de rouge, 0 de vert et 0 de bleu (sur 255). Usages courants : logos, signalétique, mode, web.

Nuances de la couleur rouge : claires et foncées

Du plus clair au plus foncé. Touchez une nuance pour copier son code.

Couleurs qui vont avec la couleur rouge

NoirUn duo puissant et élégant.BlancFrais et joyeux.Bleu marineLe classique du style nautique.GrisApaise le rouge et le rend sobre.BeigeUne base chaude et élégante.DoréLuxe et fête.CamelUn contraste chaud et sophistiqué.Vieux roseUn contraste doux et tendance.

Comment associer la couleur rouge en mode et en déco →

Harmonies de la couleur rouge

Combinaisons basées sur le cercle chromatique. Plus d'options avec l'outil harmonie des couleurs.

ComplémentaireProche de : Cyan

AnaloguesProche de : Rose vif, Orange

TriadeProche de : Vert fluo, Bleu

Complémentaires adjacentesProche de : Vert menthe, Bleu électrique

TétradeProche de : Chartreuse, Cyan, Violet

Palettes avec la couleur rouge

Copiez les codes ou ouvrez la palette dans l'éditeur pour l'ajuster.

Palette monochrome · Rouge

Palette analogue · Rouge

Palette complémentaire · Rouge

Palette triade · Rouge

Palette avec neutres · Rouge

Palette avec accent · Rouge

Contraste de la couleur rouge avec le texte

Texte blancContraste 4.0:1 · AA grand texte

Texte noirContraste 5.3:1 · AA

Selon les règles WCAG 2.1. Testez d'autres paires avec le vérificateur de contraste.

Code CSS

:root {
  --rouge: #FF0000;
  --rouge-rgb: 255, 0, 0;
}
.fond { background-color: var(--rouge); }
.texte { color: var(--rouge); }

Couleurs proches de la couleur rouge

Écarlate Rouge Ferrari Rouge orangé Orange fluo Vermillon Rouge cerise Rouge tomate Acajou Orange citrouille Cramoisi

Autres rouges

Cramoisi Écarlate Vermillon Grenat Bordeaux Rouge vin Carmin Rouge rubis Rouge cerise Rouge brique Rouge sang Marsala Rouge tomate Rouge Ferrari Rouge indien

Questions fréquentes

Quel est le code de la couleur rouge ?

Le code HEX de la couleur rouge est #FF0000. En RGB, c'est rgb(255, 0, 0), en HSL hsl(0, 100%, 50%) et en CMJN 0, 100, 100, 0.

Quelle est la complémentaire de la couleur rouge ?

Sa complémentaire sur le cercle chromatique est #00FFFF, une teinte proche de la couleur cyan. En petite quantité, elle sert d'accent et apporte beaucoup de contraste.

Peut-on mettre du texte blanc sur la couleur rouge ?

Mieux vaut un texte noir : le contraste avec le blanc n'est que de 4.0:1, contre 5.3:1 avec le noir.

Quelles couleurs vont avec la couleur rouge ?

Elle se marie bien avec : noir, blanc, bleu marine, gris, beige. Évitez-le avec du vert vif, qui fait Noël, ou avec de l'orange intense, qui sature. Beaucoup de rouge sur de grandes surfaces fatigue l'œil.