196 lines
8.0 KiB
HTML
196 lines
8.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="assets/style.css">
|
|
<script src="../assets/qr-code.js"></script>
|
|
<title>Index des couleurs</title>
|
|
<style>
|
|
main > ul {
|
|
padding: 0;
|
|
list-style-type: none;
|
|
columns: 3;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<a href="..">Index des recettes</a>
|
|
</header>
|
|
|
|
<main>
|
|
<h1>Index des couleurs</h1>
|
|
<p>Cette page donne la liste du nom des couleurs utilisables sur le WEB.</p>
|
|
<ul>
|
|
<li><code>aliceblue</code></li>
|
|
<li><code>antiquewhite</code></li>
|
|
<li><code>aqua</code></li>
|
|
<li><code>aquamarine</code></li>
|
|
<li><code>azure</code></li>
|
|
<li><code>beige</code></li>
|
|
<li><code>bisque</code></li>
|
|
<li><code>black</code></li>
|
|
<li><code>blanchedalmond</code></li>
|
|
<li><code>blue</code></li>
|
|
<li><code>blueviolet</code></li>
|
|
<li><code>brown</code></li>
|
|
<li><code>burlywood</code></li>
|
|
<li><code>cadetblue</code></li>
|
|
<li><code>chartreuse</code></li>
|
|
<li><code>chocolate</code></li>
|
|
<li><code>coral</code></li>
|
|
<li><code>cornflowerblue</code></li>
|
|
<li><code>cornsilk</code></li>
|
|
<li><code>crimson</code></li>
|
|
<li><code>cyan</code></li>
|
|
<li><code>darkblue</code></li>
|
|
<li><code>darkcyan</code></li>
|
|
<li><code>darkgoldenrod</code></li>
|
|
<li><code>darkgray</code></li>
|
|
<li><code>darkgreen</code></li>
|
|
<li><code>darkgrey</code></li>
|
|
<li><code>darkkhaki</code></li>
|
|
<li><code>darkmagenta</code></li>
|
|
<li><code>darkolivegreen</code></li>
|
|
<li><code>darkorange</code></li>
|
|
<li><code>darkorchid</code></li>
|
|
<li><code>darkred</code></li>
|
|
<li><code>darksalmon</code></li>
|
|
<li><code>darkseagreen</code></li>
|
|
<li><code>darkslateblue</code></li>
|
|
<li><code>darkslategray</code></li>
|
|
<li><code>darkslategrey</code></li>
|
|
<li><code>darkturquoise</code></li>
|
|
<li><code>darkviolet</code></li>
|
|
<li><code>deeppink</code></li>
|
|
<li><code>deepskyblue</code></li>
|
|
<li><code>dimgray</code></li>
|
|
<li><code>dimgrey</code></li>
|
|
<li><code>dodgerblue</code></li>
|
|
<li><code>firebrick</code></li>
|
|
<li><code>floralwhite</code></li>
|
|
<li><code>forestgreen</code></li>
|
|
<li><code>fuchsia</code></li>
|
|
<li><code>gainsboro</code></li>
|
|
<li><code>ghostwhite</code></li>
|
|
<li><code>gold</code></li>
|
|
<li><code>goldenrod</code></li>
|
|
<li><code>gray</code></li>
|
|
<li><code>green</code></li>
|
|
<li><code>greenyellow</code></li>
|
|
<li><code>grey</code></li>
|
|
<li><code>honeydew</code></li>
|
|
<li><code>hotpink</code></li>
|
|
<li><code>indianred</code></li>
|
|
<li><code>indigo</code></li>
|
|
<li><code>ivory</code></li>
|
|
<li><code>khaki</code></li>
|
|
<li><code>lavender</code></li>
|
|
<li><code>lavenderblush</code></li>
|
|
<li><code>lawngreen</code></li>
|
|
<li><code>lemonchiffon</code></li>
|
|
<li><code>lightblue</code></li>
|
|
<li><code>lightcoral</code></li>
|
|
<li><code>lightcyan</code></li>
|
|
<li><code>lightgoldenrodyellow</code></li>
|
|
<li><code>lightgray</code></li>
|
|
<li><code>lightgreen</code></li>
|
|
<li><code>lightgrey</code></li>
|
|
<li><code>lightpink</code></li>
|
|
<li><code>lightsalmon</code></li>
|
|
<li><code>lightseagreen</code></li>
|
|
<li><code>lightskyblue</code></li>
|
|
<li><code>lightslategray</code></li>
|
|
<li><code>lightslategrey</code></li>
|
|
<li><code>lightsteelblue</code></li>
|
|
<li><code>lightyellow</code></li>
|
|
<li><code>lime</code></li>
|
|
<li><code>limegreen</code></li>
|
|
<li><code>linen</code></li>
|
|
<li><code>magenta</code></li>
|
|
<li><code>maroon</code></li>
|
|
<li><code>mediumaquamarine</code></li>
|
|
<li><code>mediumblue</code></li>
|
|
<li><code>mediumorchid</code></li>
|
|
<li><code>mediumpurple</code></li>
|
|
<li><code>mediumseagreen</code></li>
|
|
<li><code>mediumslateblue</code></li>
|
|
<li><code>mediumspringgreen</code></li>
|
|
<li><code>mediumturquoise</code></li>
|
|
<li><code>mediumvioletred</code></li>
|
|
<li><code>midnightblue</code></li>
|
|
<li><code>mintcream</code></li>
|
|
<li><code>mistyrose</code></li>
|
|
<li><code>moccasin</code></li>
|
|
<li><code>navajowhite</code></li>
|
|
<li><code>navy</code></li>
|
|
<li><code>oldlace</code></li>
|
|
<li><code>olive</code></li>
|
|
<li><code>olivedrab</code></li>
|
|
<li><code>orange</code></li>
|
|
<li><code>orangered</code></li>
|
|
<li><code>orchid</code></li>
|
|
<li><code>palegoldenrod</code></li>
|
|
<li><code>palegreen</code></li>
|
|
<li><code>paleturquoise</code></li>
|
|
<li><code>palevioletred</code></li>
|
|
<li><code>papayawhip</code></li>
|
|
<li><code>peachpuff</code></li>
|
|
<li><code>peru</code></li>
|
|
<li><code>pink</code></li>
|
|
<li><code>plum</code></li>
|
|
<li><code>powderblue</code></li>
|
|
<li><code>purple</code></li>
|
|
<li><code>rebeccapurple</code></li>
|
|
<li><code>red</code></li>
|
|
<li><code>rosybrown</code></li>
|
|
<li><code>royalblue</code></li>
|
|
<li><code>saddlebrown</code></li>
|
|
<li><code>salmon</code></li>
|
|
<li><code>sandybrown</code></li>
|
|
<li><code>seagreen</code></li>
|
|
<li><code>seashell</code></li>
|
|
<li><code>sienna</code></li>
|
|
<li><code>silver</code></li>
|
|
<li><code>skyblue</code></li>
|
|
<li><code>slateblue</code></li>
|
|
<li><code>slategray</code></li>
|
|
<li><code>slategrey</code></li>
|
|
<li><code>snow</code></li>
|
|
<li><code>springgreen</code></li>
|
|
<li><code>steelblue</code></li>
|
|
<li><code>tan</code></li>
|
|
<li><code>teal</code></li>
|
|
<li><code>thistle</code></li>
|
|
<li><code>tomato</code></li>
|
|
<li><code>transparent</code></li>
|
|
<li><code>turquoise</code></li>
|
|
<li><code>violet</code></li>
|
|
<li><code>wheat</code></li>
|
|
<li><code>white</code></li>
|
|
<li><code>whitesmoke</code></li>
|
|
<li><code>yellow</code></li>
|
|
<li><code>yellowgreen</code></li>
|
|
</ul>
|
|
|
|
<section class="ressource">
|
|
<h2>Pour aller plus loin</h2>
|
|
<ul>
|
|
<li><a href="https://developer.mozilla.org/fr/docs/Web/CSS/color_value/hsl" target="_blank">
|
|
<qr-code data="https://developer.mozilla.org/fr/docs/Web/CSS/color_value/hsl"></qr-code>
|
|
hsl()
|
|
</a></li>
|
|
<li><a href="https://developer.mozilla.org/fr/docs/Web/CSS/color_value/color-mix" target="_blank">
|
|
<qr-code data="https://developer.mozilla.org/fr/docs/Web/CSS/color_value/color-mix"></qr-code>
|
|
color-mix()
|
|
</a></li>
|
|
<li><a href="https://developer.mozilla.org/fr/docs/Web/CSS/color_value" target="_blank">
|
|
<qr-code data="https://developer.mozilla.org/fr/docs/Web/CSS/color_value"></qr-code>
|
|
<color-value>
|
|
</a></li>
|
|
</ul>
|
|
</section>
|
|
</main>
|
|
</body>
|
|
</html> |