33 lines
1.1 KiB
HTML
33 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" >
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Interaction of Color, Plate XXIV-1, The Goethe Triangle</title>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
|
|
<link rel="stylesheet" href="./style.css">
|
|
</head>
|
|
<body>
|
|
<!-- partial:index.partial.html -->
|
|
<figure>
|
|
<figcaption>
|
|
<h1>The Goethe Triangle</h1>
|
|
<p>It is probably the mose condensed and cler system of presentation of an essential order in the vast world of color.<br>
|
|
Within the 2 dimensions of an equilateral triangle—subdivided in 9 similar triangles— are 3 primaries, 3 secondaries, annd (unexpectedly) 3 tertiaries, all placed very sensibly.
|
|
</p>
|
|
</figcaption>
|
|
<div class="wrap">
|
|
<span class="primary red"></span>
|
|
<span class="primary blue"></span>
|
|
<span class="primary yellow"></span>
|
|
<span class="secondary purple"></span>
|
|
<span class="secondary orange"></span>
|
|
<span class="secondary green"></span>
|
|
<span class="tertiary mauve"></span>
|
|
<span class="tertiary slate"></span>
|
|
<span class="tertiary beige"></span>
|
|
</div>
|
|
</figure>
|
|
<!-- partial -->
|
|
|
|
</body>
|
|
</html> |