Boîtes colorées en LaTeX avec tcolorbox

Le package tcolorbox permet de créer des boîtes colorées pour vos théorèmes, définitions, remarques et autres environnements. Il offre un contrôle complet sur les couleurs, les bordures, les titres et la numérotation.

Gagnez du temps avec notre éditeur visuel

Créez vos boîtes colorées visuellement — choisissez les couleurs, le style et les dimensions à la souris. Le code LaTeX est généré automatiquement.

Ouvrir l'éditeur

Installation et mise en place

LaTeX

\usepackage[most]{tcolorbox}

L'option [most] charge la plupart des bibliothèques, dont theorems, skins et breakable.

Boîte simple

LaTeX

% Dans le préambule :
\newtcolorbox{remarque}{
  enhanced, breakable,
  colback=yellow!10, colframe=orange!80!black,
  fonttitle=\bfseries, title=Remarque}

% Dans le document :
\begin{remarque}
  Contenu de la remarque ici...
\end{remarque}

\newtcolorbox crée un environnement non numéroté. Idéal pour les remarques, avertissements ou exemples.

Environnement numéroté

Pour les théorèmes, définitions et propriétés, vous avez besoin d'environnements numérotés avec \newtcbtheorem :

LaTeX

% Dans le préambule :
\newtcbtheorem[number within=section]{theoreme}{Théorème}{
  enhanced, breakable,
  colback=blue!5, colframe=blue!50!black,
  colbacktitle=blue!50!black, coltitle=white,
  fonttitle=\bfseries, boxrule=1pt, arc=4pt,
  separator sign={\ --},
  description delimiters parenthesis,
}{th}

% Dans le document :
\begin{theoreme}{Pythagore}{pyth}
  Dans un triangle rectangle...
\end{theoreme}

La syntaxe est : \newtcbtheorem[compteur]{nom}{label affiché}{options}{préfixe}

number within=section — numérotation par section (1.1, 1.2, 2.1...)
separator sign={\ --} — séparateur entre le numéro et le titre
description delimiters parenthesis — titre entre parenthèses : Théorème 1.1 (Pythagore)
{th} — préfixe pour \label/\ref (ex. \ref{th:pyth})

Styles populaires

Barre latérale

LaTeX

\newtcolorbox{remarque}{
  enhanced, breakable,
  colback=orange!8, colframe=orange!8,
  colbacktitle=orange!8, coltitle=orange!70!black,
  fonttitle=\bfseries, title=Remarque,
  boxrule=0pt, arc=0pt,
  borderline west={3pt}{0pt}{orange!70!black},
  left=8mm
}

\begin{remarque}
  Contenu ici...
\end{remarque}

Cartouche détaché

LaTeX

\newtcbtheorem[number within=section]{propriete}{Propriété}{
  enhanced, breakable,
  colback=violet!5, colframe=violet!50!black,
  colbacktitle=violet!50!black, coltitle=white,
  fonttitle=\bfseries, boxrule=1pt, arc=4pt,
  top=6mm,
  attach boxed title to top left=
    {yshift=-\dimexpr\tcboxedtitleheight/2, xshift=5mm},
  boxed title style={boxrule=1pt, arc=3pt},
  separator sign={\ --},
  description delimiters parenthesis,
}{prop}

\begin{propriete}{Commutativité}{comm}
  Pour tous réels $a$ et $b$ :
  $a + b = b + a$
\end{propriete}

Cartouche intégré

LaTeX

\newtcbtheorem[number within=section]{definition}{Définition}{
  enhanced, breakable,
  colback=white, colframe=green!40!black,
  colbacktitle=green!40!black, coltitle=white,
  fonttitle=\bfseries, boxrule=1pt, arc=4pt,
  top=8mm,
  attach boxed title to top left=
    {yshift=-\tcboxedtitleheight},
  boxed title style={boxrule=0pt, sharp corners,
    rounded corners=southeast, arc=3pt},
  separator sign={\ --},
  description delimiters parenthesis,
}{def}

\begin{definition}{Nombre premier}{prime}
  Un nombre entier naturel est premier lorsque...
\end{definition}

Coins droits en haut

LaTeX

\newtcbtheorem[number within=section]{theoreme}{Théorème}{
  enhanced, breakable,
  colback=white, colframe=blue!60!black,
  colbacktitle=blue!60!black, coltitle=white,
  fonttitle=\bfseries, boxrule=1.5pt, arc=6pt,
  sharp corners=north,
  separator sign={\ --},
  description delimiters parenthesis,
}{th}

\begin{theoreme}{Pythagore}{pyth}
  $a^2 + b^2 = c^2$
\end{theoreme}

Options importantes

Option	Description
`colback`	Couleur de fond du corps
`colframe`	Couleur de la bordure
`colbacktitle`	Couleur de fond du titre
`coltitle`	Couleur du texte du titre
`colupper`	Couleur du texte du corps
`arc`	Rayon des coins arrondis
`boxrule`	Épaisseur de la bordure
`enhanced`	Active les fonctions de dessin avancées
`breakable`	Autorise le saut de page
`sharp corners=north`	Coins droits en haut
`fuzzy shadow`	Ombre floue

Définir des couleurs

Pour des couleurs précises, utilisez \definecolor avec des codes hexadécimaux HTML :

LaTeX

\definecolor{mon-bleu}{HTML}{1A3FC7}
\definecolor{mon-bleu-clair}{HTML}{EEF2FF}

\newtcbtheorem[number within=section]{theoreme}{Théorème}{
  colback=mon-bleu-clair,
  colframe=mon-bleu,
  colbacktitle=mon-bleu,
  % ...
}{th}

Astuce
Notre éditeur visuel génère automatiquement les commandes \definecolor avec les couleurs que vous choisissez.

Prêt à créer vos boîtes ?

Présentez vos contenus de manière professionnelle

Créer un compte gratuit