Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung Nächste ÜberarbeitungBeide Seiten der Revision |
e1:html_farbraum [2017/07/04 07:46] – admin03 | e1:html_farbraum [2017/07/04 16:41] – admin03 |
---|
| |
<HTML> | <HTML> |
<table style="width:80%; text-align:center;"> | <table class="tg"> |
| <tr> |
<tbody><tr> | <th class="tg-yw4l">Hex.</th> |
<td style="color:white;; background-color: black;"> black </td> | <th class="tg-4hfa" colspan="4">Dualsystem</th> |
<td style="color:white; background-color: black;"> #000000 </td> | <th class="tg-e5p7"></th> |
<td style="color:white; background-color: gray;"> gray </td> | <th class="tg-yw4l">Dez.</th> |
<td style="color:white; background-color: gray;"> #808080 | </tr> |
</td></tr> | <tr> |
<tr> | <td class="tg-yw4l">0</td> |
<td style="color:white;; background-color: maroon;"> maroon </td> | <td class="tg-4hfa">0</td> |
<td style="color:white; background-color: maroon;"> #800000 </td> | <td class="tg-4hfa">0</td> |
<td style="color:white; background-color: red;"> red </td> | <td class="tg-4hfa">0</td> |
<td style="color:white;background-color: red;"> #FF0000 | <td class="tg-4hfa">0</td> |
</td></tr> | <td class="tg-e5p7"></td> |
<tr> | <td class="tg-yw4l">0</td> |
<td style="color:white; background-color: green;"> green </td> | </tr> |
<td style="color:white; background-color: green;"> #008000 </td> | <tr> |
<td style="background-color: lime;"> lime </td> | <td class="tg-yw4l">1</td> |
<td style="background-color: lime;"> #00FF00 | <td class="tg-4hfa">0</td> |
</td></tr> | <td class="tg-4hfa">0</td> |
<tr> | <td class="tg-4hfa">0</td> |
<td style="color:white; background-color: olive;"> olive </td> | <td class="tg-4hfa">1</td> |
<td style="color:white; background-color: olive;"> #808000 </td> | <td class="tg-e5p7"></td> |
<td style="background-color: yellow;"> yellow </td> | <td class="tg-yw4l">1</td> |
<td style="background-color: yellow;"> #FFFF00 | </tr> |
</td></tr> | <tr> |
<tr> | <td class="tg-yw4l">2</td> |
<td style="color:white; background-color: navy;"> navy </td> | <td class="tg-4hfa">0</td> |
<td style="color:white; background-color: navy;"> #000080 </td> | <td class="tg-4hfa">0</td> |
<td style="color:white;; background-color: blue;"> blue </td> | <td class="tg-4hfa">1</td> |
<td style="color:white;; background-color: blue;"> #0000FF | <td class="tg-4hfa">0</td> |
</td></tr> | <td class="tg-e5p7"></td> |
<tr> | <td class="tg-yw4l">2</td> |
<td style="color:white; background-color: purple;"> purple </td> | </tr> |
<td style="color:white; background-color: purple;"> #800080 </td> | <tr> |
<td style="color:white; background-color: fuchsia;"> fuchsia </td> | <td class="tg-yw4l">3</td> |
<td style="color:white; background-color: fuchsia;"> #FF00FF | <td class="tg-4hfa">0</td> |
</td></tr> | <td class="tg-4hfa">0</td> |
<tr> | <td class="tg-4hfa">1</td> |
<td style="color:white; background-color: teal;"> teal </td> | <td class="tg-4hfa">1</td> |
<td style="color:white; background-color: teal;"> #008080 </td> | <td class="tg-e5p7"></td> |
<td style="background-color: aqua;"> aqua </td> | <td class="tg-yw4l">3</td> |
<td style="background-color: aqua;"> #00FFFF | </tr> |
</td></tr> | <tr> |
<tr> | <td class="tg-yw4l">4</td> |
<td style="color:white; background-color: silver;"> silver </td> | <td class="tg-4hfa">0</td> |
<td style="color:white; background-color: silver;"> #C0C0C0 </td> | <td class="tg-4hfa">1</td> |
<td style="background-color: white;"> white </td> | <td class="tg-4hfa">0</td> |
<td style="background-color:white;"> #FFFFFF | <td class="tg-4hfa">0</td> |
</td></tr></tbody></table> | <td class="tg-e5p7"></td> |
</HTML> | <td class="tg-yw4l">4</td> |
| </tr> |
Die dreistellige RGB-Notation (#rgb) wird durch replizierende Ziffern in sechsstellige Form (#rrggbb) konvertiert, nicht durch Hinzufügen von Nullen. Beispielsweise erweitert # fb0 auf # ffbb00. Damit ist sichergestellt, dass mit der Kurznote (#fff) weiß (#ffffff) angegeben werden kann und jegliche Abhängigkeiten von der Farbtiefe des Displays entfernt werden. | <tr> |
| <td class="tg-yw4l">5</td> |
<html> | <td class="tg-4hfa">0</td> |
<table><tr style="background:black; height:2px"> | <td class="tg-4hfa">1</td> |
<td style="background:black;"></td> | <td class="tg-4hfa">0</td> |
<td></td> | <td class="tg-4hfa">1</td> |
<td></td> | <td class="tg-e5p7"></td> |
<td></td> | <td class="tg-yw4l">5</td> |
<td></td> | </tr> |
<td></td> | <tr> |
<td></td> | <td class="tg-yw4l">6</td> |
<td></td> | <td class="tg-4hfa">0</td> |
<td></td> | <td class="tg-4hfa">1</td> |
<td></td> | <td class="tg-4hfa">1</td> |
</tr> | <td class="tg-4hfa">0</td> |
<tr style="height:32px; background:#EEE"> | <td class="tg-e5p7"></td> |
<td style="width: 2px; background:black"></td> | <td class="tg-yw4l">6</td> |
<td style="width:48px">Hex.</td> | </tr> |
<td style="width: 2px; background:black"></td> | <tr> |
<td style="width:96px" colspan="4"><a href="/wiki/Dualsystem" title="Dualsystem">Dualsystem</a></td> | <td class="tg-yw4l">7</td> |
<td style="width: 2px; background:black"></td> | <td class="tg-4hfa">0</td> |
<td style="width:48px"><a href="/wiki/Dezimalsystem" title="Dezimalsystem">Dez.</a></td> | <td class="tg-4hfa">1</td> |
<td style="width: 2px; background:black"></td> | <td class="tg-4hfa">1</td> |
</tr> | <td class="tg-4hfa">1</td> |
<tr style="background:black; height:2px"> | <td class="tg-e5p7"></td> |
<td style="background:black;"></td> | <td class="tg-yw4l">7</td> |
<td></td> | </tr> |
<td></td> | <tr> |
<td></td> | <td class="tg-yw4l">8</td> |
<td></td> | <td class="tg-4hfa">1</td> |
<td></td> | <td class="tg-4hfa">0</td> |
<td></td> | <td class="tg-4hfa">0</td> |
<td></td> | <td class="tg-4hfa">0</td> |
<td></td> | <td class="tg-e5p7"></td> |
<td></td> | <td class="tg-yw4l">8</td> |
</tr> | </tr> |
<tr style="background:white; height:2px"> | <tr> |
<td style="background:black"></td> | <td class="tg-yw4l">9</td> |
<td></td> | <td class="tg-4hfa">1</td> |
<td style="background:black"></td> | <td class="tg-4hfa">0</td> |
<td></td> | <td class="tg-4hfa">0</td> |
<td></td> | <td class="tg-4hfa">1</td> |
<td></td> | <td class="tg-e5p7"></td> |
<td></td> | <td class="tg-yw4l">9</td> |
<td style="background:black"></td> | </tr> |
<td></td> | <tr> |
<td style="background:black"></td> | <td class="tg-yw4l">A</td> |
</tr> | <td class="tg-4hfa">1</td> |
<tr style="height:24px"> | <td class="tg-4hfa">0</td> |
<td style="background:black"></td> | <td class="tg-4hfa">1</td> |
<td><b>0</b></td> | <td class="tg-4hfa">0</td> |
<td style="background:black"></td> | <td class="tg-e5p7"></td> |
<td>0</td> | <td class="tg-yw4l">10</td> |
<td>0</td> | </tr> |
<td>0</td> | <tr> |
<td>0</td> | <td class="tg-yw4l">B</td> |
<td style="background:black"></td> | <td class="tg-4hfa">1</td> |
<td><b>00</b></td> | <td class="tg-4hfa">0</td> |
<td style="background:black"></td> | <td class="tg-4hfa">1</td> |
</tr> | <td class="tg-4hfa">1</td> |
<tr style="height:24px"> | <td class="tg-e5p7"></td> |
<td style="background:black"></td> | <td class="tg-yw4l">11</td> |
<td><b>1</b></td> | </tr> |
<td style="background:black"></td> | <tr> |
<td>0</td> | <td class="tg-yw4l">C</td> |
<td>0</td> | <td class="tg-4hfa"></td> |
<td>0</td> | <td class="tg-4hfa">1</td> |
<td style="background:#FF0">1</td> | <td class="tg-4hfa">1</td> |
<td style="background:black"></td> | <td class="tg-4hfa">0</td> |
<td><b>01</b></td> | <td class="tg-e5p7">0</td> |
<td style="background:black"></td> | <td class="tg-yw4l">12</td> |
</tr> | </tr> |
<tr style="height:24px"> | <tr> |
<td style="background:black"></td> | <td class="tg-yw4l">D</td> |
<td><b>2</b></td> | <td class="tg-4hfa"></td> |
<td style="background:black"></td> | <td class="tg-4hfa">1</td> |
<td>0</td> | <td class="tg-4hfa">1</td> |
<td>0</td> | <td class="tg-4hfa">0</td> |
<td style="background:#FF0">1</td> | <td class="tg-e5p7">1</td> |
<td>0</td> | <td class="tg-yw4l">13</td> |
<td style="background:black"></td> | </tr> |
<td><b>02</b></td> | <tr> |
<td style="background:black"></td> | <td class="tg-yw4l">E</td> |
</tr> | <td class="tg-4hfa"></td> |
<tr style="height:24px"> | <td class="tg-4hfa">1</td> |
<td style="background:black"></td> | <td class="tg-4hfa">1</td> |
<td><b>3</b></td> | <td class="tg-4hfa">1</td> |
<td style="background:black"></td> | <td class="tg-e5p7">0</td> |
<td>0</td> | <td class="tg-yw4l">14</td> |
<td>0</td> | </tr> |
<td style="background:#FF0">1</td> | <tr> |
<td style="background:#FF0">1</td> | <td class="tg-yw4l">F</td> |
<td style="background:black"></td> | <td class="tg-4hfa"></td> |
<td><b>03</b></td> | <td class="tg-4hfa">1</td> |
<td style="background:black"></td> | <td class="tg-4hfa">1</td> |
</tr> | <td class="tg-4hfa">1</td> |
<tr style="background:white; height:2px"> | <td class="tg-e5p7">1</td> |
<td style="background:black"></td> | <td class="tg-yw4l">15</td> |
<td></td> | </tr> |
<td style="background:black"></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td style="background:black"></td> | |
<td></td> | |
<td style="background:black"></td> | |
</tr> | |
<tr style="background:black; height:2px"> | |
<td style="background:black;"></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
</tr> | |
<tr style="background:white; height:2px"> | |
<td style="background:black"></td> | |
<td></td> | |
<td style="background:black"></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td style="background:black"></td> | |
<td></td> | |
<td style="background:black"></td> | |
</tr> | |
<tr style="height:24px"> | |
<td style="background:black"></td> | |
<td><b>4</b></td> | |
<td style="background:black"></td> | |
<td>0</td> | |
<td style="background:#FF0">1</td> | |
<td>0</td> | |
<td>0</td> | |
<td style="background:black"></td> | |
<td><b>04</b></td> | |
<td style="background:black"></td> | |
</tr> | |
<tr style="height:24px"> | |
<td style="background:black"></td> | |
<td><b>5</b></td> | |
<td style="background:black"></td> | |
<td>0</td> | |
<td style="background:#FF0">1</td> | |
<td>0</td> | |
<td style="background:#FF0">1</td> | |
<td style="background:black"></td> | |
<td><b>05</b></td> | |
<td style="background:black"></td> | |
</tr> | |
<tr style="height:24px"> | |
<td style="background:black"></td> | |
<td><b>6</b></td> | |
<td style="background:black"></td> | |
<td>0</td> | |
<td style="background:#FF0">1</td> | |
<td style="background:#FF0">1</td> | |
<td>0</td> | |
<td style="background:black"></td> | |
<td><b>06</b></td> | |
<td style="background:black"></td> | |
</tr> | |
<tr style="height:24px"> | |
<td style="background:black"></td> | |
<td><b>7</b></td> | |
<td style="background:black"></td> | |
<td>0</td> | |
<td style="background:#FF0">1</td> | |
<td style="background:#FF0">1</td> | |
<td style="background:#FF0">1</td> | |
<td style="background:black"></td> | |
<td><b>07</b></td> | |
<td style="background:black"></td> | |
</tr> | |
<tr style="background:white; height:2px"> | |
<td style="background:black"></td> | |
<td></td> | |
<td style="background:black"></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td style="background:black"></td> | |
<td></td> | |
<td style="background:black"></td> | |
</tr> | |
<tr style="background:black; height:2px"> | |
<td style="background:black;"></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
</tr> | |
<tr style="background:white; height:2px"> | |
<td style="background:black"></td> | |
<td></td> | |
<td style="background:black"></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td style="background:black"></td> | |
<td></td> | |
<td style="background:black"></td> | |
</tr> | |
<tr style="height:24px"> | |
<td style="background:black"></td> | |
<td><b>8</b></td> | |
<td style="background:black"></td> | |
<td style="background:#FF0">1</td> | |
<td>0</td> | |
<td>0</td> | |
<td>0</td> | |
<td style="background:black"></td> | |
<td><b>08</b></td> | |
<td style="background:black"></td> | |
</tr> | |
<tr style="height:24px"> | |
<td style="background:black"></td> | |
<td><b>9</b></td> | |
<td style="background:black"></td> | |
<td style="background:#FF0">1</td> | |
<td>0</td> | |
<td>0</td> | |
<td style="background:#FF0">1</td> | |
<td style="background:black"></td> | |
<td><b>09</b></td> | |
<td style="background:black"></td> | |
</tr> | |
<tr style="height:24px"> | |
<td style="background:black"></td> | |
<td><b>A</b></td> | |
<td style="background:black"></td> | |
<td style="background:#FF0">1</td> | |
<td>0</td> | |
<td style="background:#FF0">1</td> | |
<td>0</td> | |
<td style="background:black"></td> | |
<td><b>10</b></td> | |
<td style="background:black"></td> | |
</tr> | |
<tr style="height:24px"> | |
<td style="background:black"></td> | |
<td><b>B</b></td> | |
<td style="background:black"></td> | |
<td style="background:#FF0">1</td> | |
<td>0</td> | |
<td style="background:#FF0">1</td> | |
<td style="background:#FF0">1</td> | |
<td style="background:black"></td> | |
<td><b>11</b></td> | |
<td style="background:black"></td> | |
</tr> | |
<tr style="background:white; height:2px"> | |
<td style="background:black"></td> | |
<td></td> | |
<td style="background:black"></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td style="background:black"></td> | |
<td></td> | |
<td style="background:black"></td> | |
</tr> | |
<tr style="background:black; height:2px"> | |
<td style="background:black;"></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
</tr> | |
<tr style="background:white; height:2px"> | |
<td style="background:black"></td> | |
<td></td> | |
<td style="background:black"></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td style="background:black"></td> | |
<td></td> | |
<td style="background:black"></td> | |
</tr> | |
<tr style="height:24px"> | |
<td style="background:black"></td> | |
<td><b>C</b></td> | |
<td style="background:black"></td> | |
<td style="background:#FF0">1</td> | |
<td style="background:#FF0">1</td> | |
<td>0</td> | |
<td>0</td> | |
<td style="background:black"></td> | |
<td><b>12</b></td> | |
<td style="background:black"></td> | |
</tr> | |
<tr style="height:24px"> | |
<td style="background:black"></td> | |
<td><b>D</b></td> | |
<td style="background:black"></td> | |
<td style="background:#FF0">1</td> | |
<td style="background:#FF0">1</td> | |
<td>0</td> | |
<td style="background:#FF0">1</td> | |
<td style="background:black"></td> | |
<td><b>13</b></td> | |
<td style="background:black"></td> | |
</tr> | |
<tr style="height:24px"> | |
<td style="background:black"></td> | |
<td><b>E</b></td> | |
<td style="background:black"></td> | |
<td style="background:#FF0">1</td> | |
<td style="background:#FF0">1</td> | |
<td style="background:#FF0">1</td> | |
<td>0</td> | |
<td style="background:black"></td> | |
<td><b>14</b></td> | |
<td style="background:black"></td> | |
</tr> | |
<tr style="height:24px"> | |
<td style="background:black"></td> | |
<td><b>F</b></td> | |
<td style="background:black"></td> | |
<td style="background:#FF0">1</td> | |
<td style="background:#FF0">1</td> | |
<td style="background:#FF0">1</td> | |
<td style="background:#FF0">1</td> | |
<td style="background:black"></td> | |
<td><b>15</b></td> | |
<td style="background:black"></td> | |
</tr> | |
<tr style="background:white; height:2px"> | |
<td style="background:black"></td> | |
<td></td> | |
<td style="background:black"></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td style="background:black"></td> | |
<td></td> | |
<td style="background:black"></td> | |
</tr> | |
<tr style="background:black; height: 2px"> | |
<td style="width:2px"></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
<td></td> | |
</tr> | |
</table> | </table> |
| |
</html> | </html> |