概要
テトラディックカラースキーム
詳細
テトラディックカラースキームとは90度ずつ離れた4色相を組み合わせた
カラースキーム。別名テトラード。
サンプル
<!doctype html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Document</title> <style> span { border-style: solid; } th { background-color:hsl(0,50%,50%); } tr.even td { background-color:hsl(90,50%,50%); } tr.odd td { background-color:hsl(180,50%,50%); } </style> </head> <body style="background-color:hsl(270,50%,50%);"> <div style="background-color:hsl(90,50%,50%);"><h1>Title</h1></div> <div style="background-color:hsl(190,50%,50%);"><h2>Summary</h2></div> <table> <tr> <th>header1</th> <th>header2</th> <th>header3</th> <th>header4</th> </tr> <tr class="odd"> <td>column1</td> <td>column2</td> <td>column3</td> <td>column4</td> </tr> <tr class="even"> <td>column1</td> <td>column2</td> <td>column3</td> <td>column4</td> </tr> <tr class="odd"> <td>column1</td> <td>column2</td> <td>column3</td> <td>column4</td> </tr> <tr class="even"> <td>column1</td> <td>column2</td> <td>column3</td> <td>column4</td> </tr> </table> </body> </html>