Section courante

A propos

Section administrative du site

color

Couleur
Tailwind CSS

Classe

color

Description

Cet utilitaire détermine la couleur du texte, influençant la lisibilité et le contraste avec le fond.

Définition

Classe Styles
text-inherit color: inherit;
text-current color: currentColor;
text-transparent color: transparent;
text-black color: var(--color-black); /* #000 */
text-white color: var(--color-white); /* #fff */
text-red-50 color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */
text-red-100 color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */
text-red-200 color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */
text-red-300 color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */
text-red-400 color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */
text-red-500 color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */
text-red-600 color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */
text-red-700 color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */
text-red-800 color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */
text-red-900 color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */
text-red-950 color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */
text-orange-50 color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */
text-orange-100 color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */
text-orange-200 color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */
text-orange-300 color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */
text-orange-400 color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */
text-orange-500 color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */
text-orange-600 color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */
text-orange-700 color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */
text-orange-800 color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */
text-orange-900 color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */
text-orange-950 color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */
text-amber-50 color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */
text-amber-100 color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */
text-amber-200 color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */
text-amber-300 color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */
text-amber-400 color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */
text-amber-500 color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */
text-amber-600 color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */
text-amber-700 color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */
text-amber-800 color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */
text-amber-900 color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */
text-amber-950 color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */
text-yellow-50 color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */
text-yellow-100 color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */
text-yellow-200 color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */
text-yellow-300 color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */
text-yellow-400 color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */
text-yellow-500 color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */
text-yellow-600 color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */
text-yellow-700 color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */
text-yellow-800 color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */
text-yellow-900 color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */
text-yellow-950 color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */
text-lime-50 color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */
text-lime-100 color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */
text-lime-200 color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */
text-lime-300 color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */
text-lime-400 color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */
text-lime-500 color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */
text-lime-600 color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */
text-lime-700 color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */
text-lime-800 color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */
text-lime-900 color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */
text-lime-950 color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */
text-green-50 color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */
text-green-100 color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */
text-green-200 color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */
text-green-300 color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */
text-green-400 color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */
text-green-500 color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */
text-green-600 color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */
text-green-700 color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */
text-green-800 color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */
text-green-900 color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */
text-green-950 color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */
text-emerald-50 color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */
text-emerald-100 color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */
text-emerald-200 color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */
text-emerald-300 color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */
text-emerald-400 color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */
text-emerald-500 color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */
text-emerald-600 color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */
text-emerald-700 color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */
text-emerald-800 color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */
text-emerald-900 color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */
text-emerald-950 color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */
text-teal-50 color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */
text-teal-100 color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */
text-teal-200 color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */
text-teal-300 color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */
text-teal-400 color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */
text-teal-500 color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */
text-teal-600 color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */
text-teal-700 color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */
text-teal-800 color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */
text-teal-900 color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */
text-teal-950 color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */
text-cyan-50 color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */
text-cyan-100 color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */
text-cyan-200 color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */
text-cyan-300 color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */
text-cyan-400 color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */
text-cyan-500 color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */
text-cyan-600 color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */
text-cyan-700 color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */
text-cyan-800 color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */
text-cyan-900 color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */
text-cyan-950 color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */
text-sky-50 color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */
text-sky-100 color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */
text-sky-200 color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */
text-sky-300 color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */
text-sky-400 color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */
text-sky-500 color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */
text-sky-600 color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */
text-sky-700 color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */
text-sky-800 color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */
text-sky-900 color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */
text-sky-950 color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */
text-blue-50 color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */
text-blue-100 color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */
text-blue-200 color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */
text-blue-300 color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */
text-blue-400 color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */
text-blue-500 color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */
text-blue-600 color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */
text-blue-700 color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */
text-blue-800 color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */
text-blue-900 color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */
text-blue-950 color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */
text-indigo-50 color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */
text-indigo-100 color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */
text-indigo-200 color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */
text-indigo-300 color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */
text-indigo-400 color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */
text-indigo-500 color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */
text-indigo-600 color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */
text-indigo-700 color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */
text-indigo-800 color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */
text-indigo-900 color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */
text-indigo-950 color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */
text-violet-50 color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */
text-violet-100 color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */
text-violet-200 color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */
text-violet-300 color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */
text-violet-400 color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */
text-violet-500 color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */
text-violet-600 color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */
text-violet-700 color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */
text-violet-800 color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */
text-violet-900 color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */
text-violet-950 color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */
text-purple-50 color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */
text-purple-100 color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */
text-purple-200 color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */
text-purple-300 color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */
text-purple-400 color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */
text-purple-500 color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */
text-purple-600 color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */
text-purple-700 color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */
text-purple-800 color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */
text-purple-900 color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */
text-purple-950 color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */
text-fuchsia-50 color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */
text-fuchsia-100 color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */
text-fuchsia-200 color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */
text-fuchsia-300 color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */
text-fuchsia-400 color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */
text-fuchsia-500 color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */
text-fuchsia-600 color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */
text-fuchsia-700 color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */
text-fuchsia-800 color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */
text-fuchsia-900 color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */
text-fuchsia-950 color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */
text-pink-50 color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */
text-pink-100 color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */
text-pink-200 color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */
text-pink-300 color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */
text-pink-400 color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */
text-pink-500 color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */
text-pink-600 color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */
text-pink-700 color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */
text-pink-800 color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */
text-pink-900 color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */
text-pink-950 color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */
text-rose-50 color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */
text-rose-100 color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */
text-rose-200 color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */
text-rose-300 color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */
text-rose-400 color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */
text-rose-500 color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */
text-rose-600 color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */
text-rose-700 color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */
text-rose-800 color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */
text-rose-900 color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */
text-rose-950 color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */
text-slate-50 color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */
text-slate-100 color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */
text-slate-200 color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */
text-slate-300 color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */
text-slate-400 color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */
text-slate-500 color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */
text-slate-600 color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */
text-slate-700 color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */
text-slate-800 color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */
text-slate-900 color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */
text-slate-950 color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */
text-gray-50 color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */
text-gray-100 color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */
text-gray-200 color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */
text-gray-300 color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */
text-gray-400 color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */
text-gray-500 color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */
text-gray-600 color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */
text-gray-700 color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */
text-gray-800 color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */
text-gray-900 color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */
text-gray-950 color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */
text-zinc-50 color: var(--color-zinc-50); /* oklch(98.5% 0 0) */
text-zinc-100 color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */
text-zinc-200 color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */
text-zinc-300 color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */
text-zinc-400 color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */
text-zinc-500 color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */
text-zinc-600 color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */
text-zinc-700 color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */
text-zinc-800 color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */
text-zinc-900 color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */
text-zinc-950 color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */
text-neutral-50 color: var(--color-neutral-50); /* oklch(98.5% 0 0) */
text-neutral-100 color: var(--color-neutral-100); /* oklch(97% 0 0) */
text-neutral-200 color: var(--color-neutral-200); /* oklch(92.2% 0 0) */
text-neutral-300 color: var(--color-neutral-300); /* oklch(87% 0 0) */
text-neutral-400 color: var(--color-neutral-400); /* oklch(70.8% 0 0) */
text-neutral-500 color: var(--color-neutral-500); /* oklch(55.6% 0 0) */
text-neutral-600 color: var(--color-neutral-600); /* oklch(43.9% 0 0) */
text-neutral-700 color: var(--color-neutral-700); /* oklch(37.1% 0 0) */
text-neutral-800 color: var(--color-neutral-800); /* oklch(26.9% 0 0) */
text-neutral-900 color: var(--color-neutral-900); /* oklch(20.5% 0 0) */
text-neutral-950 color: var(--color-neutral-950); /* oklch(14.5% 0 0) */
text-stone-50 color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */
text-stone-100 color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */
text-stone-200 color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */
text-stone-300 color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */
text-stone-400 color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */
text-stone-500 color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */
text-stone-600 color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */
text-stone-700 color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */
text-stone-800 color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */
text-stone-900 color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */
text-stone-950 color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */
text-(<propriete-personnalisee>) color: var(<propriete-personnalisee>);
text-[<valeur>] color: <valeur>;


Dernière mise à jour : Vendredi, le 6 février 2026