Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende ÜberarbeitungLetzte ÜberarbeitungBeide Seiten der Revision |
e1:html_farbraum [2017/07/04 16:41] – admin03 | e1:html_farbraum [2017/07/04 16:43] – admin03 |
---|
| |
<HTML> | <HTML> |
<table class="tg"> | <table style="width:80%; text-align:center;"> |
| |
| <tbody><tr> |
| <td style="color:white;; background-color: black;"> black </td> |
| <td style="color:white; background-color: black;"> #000000 </td> |
| <td style="color:white; background-color: gray;"> gray </td> |
| <td style="color:white; background-color: gray;"> #808080 |
| </td></tr> |
| <tr> |
| <td style="color:white;; background-color: maroon;"> maroon </td> |
| <td style="color:white; background-color: maroon;"> #800000 </td> |
| <td style="color:white; background-color: red;"> red </td> |
| <td style="color:white;background-color: red;"> #FF0000 |
| </td></tr> |
| <tr> |
| <td style="color:white; background-color: green;"> green </td> |
| <td style="color:white; background-color: green;"> #008000 </td> |
| <td style="background-color: lime;"> lime </td> |
| <td style="background-color: lime;"> #00FF00 |
| </td></tr> |
| <tr> |
| <td style="color:white; background-color: olive;"> olive </td> |
| <td style="color:white; background-color: olive;"> #808000 </td> |
| <td style="background-color: yellow;"> yellow </td> |
| <td style="background-color: yellow;"> #FFFF00 |
| </td></tr> |
| <tr> |
| <td style="color:white; background-color: navy;"> navy </td> |
| <td style="color:white; background-color: navy;"> #000080 </td> |
| <td style="color:white;; background-color: blue;"> blue </td> |
| <td style="color:white;; background-color: blue;"> #0000FF |
| </td></tr> |
| <tr> |
| <td style="color:white; background-color: purple;"> purple </td> |
| <td style="color:white; background-color: purple;"> #800080 </td> |
| <td style="color:white; background-color: fuchsia;"> fuchsia </td> |
| <td style="color:white; background-color: fuchsia;"> #FF00FF |
| </td></tr> |
| <tr> |
| <td style="color:white; background-color: teal;"> teal </td> |
| <td style="color:white; background-color: teal;"> #008080 </td> |
| <td style="background-color: aqua;"> aqua </td> |
| <td style="background-color: aqua;"> #00FFFF |
| </td></tr> |
| <tr> |
| <td style="color:white; background-color: silver;"> silver </td> |
| <td style="color:white; background-color: silver;"> #C0C0C0 </td> |
| <td style="background-color: white;"> white </td> |
| <td style="background-color:white;"> #FFFFFF |
| </td></tr></tbody></table> |
| </HTML> |
| |
| 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. |
| |
| Die folgende Tabelle zeigt die Umwandlung von Hexadezimalen in Duale und in das bekannte Zehnersystem. |
| |
| <html> |
| <table> |
<tr> | <tr> |
<th class="tg-yw4l">Hex.</th> | <th>Hex.</th> |
<th class="tg-4hfa" colspan="4">Dualsystem</th> | <th colspan=4>Dualsystem</th> |
<th class="tg-e5p7"></th> | |
<th class="tg-yw4l">Dez.</th> | <th>Dez.</th> |
</tr> | </tr> |
<tr> | <tr> |
<td class="tg-yw4l">0</td> | <td>0</td> |
<td class="tg-4hfa">0</td> | <td>0</td> |
<td class="tg-4hfa">0</td> | <td>0</td> |
<td class="tg-4hfa">0</td> | <td>0</td> |
<td class="tg-4hfa">0</td> | <td>0</td> |
<td class="tg-e5p7"></td> | <td>0</td> |
<td class="tg-yw4l">0</td> | |
</tr> | </tr> |
<tr> | <tr> |
<td class="tg-yw4l">1</td> | <td>1</td> |
<td class="tg-4hfa">0</td> | <td>0</td> |
<td class="tg-4hfa">0</td> | <td>0</td> |
<td class="tg-4hfa">0</td> | <td>0</td> |
<td class="tg-4hfa">1</td> | <td>1</td> |
<td class="tg-e5p7"></td> | <td>1</td> |
<td class="tg-yw4l">1</td> | |
</tr> | </tr> |
<tr> | <tr> |
<td class="tg-yw4l">2</td> | <td>2</td> |
<td class="tg-4hfa">0</td> | <td>0</td> |
<td class="tg-4hfa">0</td> | <td>0</td> |
<td class="tg-4hfa">1</td> | <td>1</td> |
<td class="tg-4hfa">0</td> | <td>0</td> |
<td class="tg-e5p7"></td> | <td>2</td> |
<td class="tg-yw4l">2</td> | |
</tr> | </tr> |
<tr> | <tr> |
<td class="tg-yw4l">3</td> | <td>3</td> |
<td class="tg-4hfa">0</td> | <td>0</td> |
<td class="tg-4hfa">0</td> | <td>0</td> |
<td class="tg-4hfa">1</td> | <td>1</td> |
<td class="tg-4hfa">1</td> | <td>1</td> |
<td class="tg-e5p7"></td> | <td>3</td> |
<td class="tg-yw4l">3</td> | |
</tr> | </tr> |
<tr> | <tr> |
<td class="tg-yw4l">4</td> | <td>4</td> |
<td class="tg-4hfa">0</td> | <td>0</td> |
<td class="tg-4hfa">1</td> | <td>1</td> |
<td class="tg-4hfa">0</td> | <td>0</td> |
<td class="tg-4hfa">0</td> | <td>0</td> |
<td class="tg-e5p7"></td> | <td>4</td> |
<td class="tg-yw4l">4</td> | |
</tr> | </tr> |
<tr> | <tr> |
<td class="tg-yw4l">5</td> | <td>5</td> |
<td class="tg-4hfa">0</td> | <td>0</td> |
<td class="tg-4hfa">1</td> | <td>1</td> |
<td class="tg-4hfa">0</td> | <td>0</td> |
<td class="tg-4hfa">1</td> | <td>1</td> |
<td class="tg-e5p7"></td> | <td>5</td> |
<td class="tg-yw4l">5</td> | |
</tr> | </tr> |
<tr> | <tr> |
<td class="tg-yw4l">6</td> | <td>6</td> |
<td class="tg-4hfa">0</td> | <td>0</td> |
<td class="tg-4hfa">1</td> | <td>1</td> |
<td class="tg-4hfa">1</td> | <td>1</td> |
<td class="tg-4hfa">0</td> | <td>0</td> |
<td class="tg-e5p7"></td> | <td>6</td> |
<td class="tg-yw4l">6</td> | |
</tr> | </tr> |
<tr> | <tr> |
<td class="tg-yw4l">7</td> | <td>7</td> |
<td class="tg-4hfa">0</td> | <td>0</td> |
<td class="tg-4hfa">1</td> | <td>1</td> |
<td class="tg-4hfa">1</td> | <td>1</td> |
<td class="tg-4hfa">1</td> | <td>1</td> |
<td class="tg-e5p7"></td> | <td>7</td> |
<td class="tg-yw4l">7</td> | |
</tr> | </tr> |
<tr> | <tr> |
<td class="tg-yw4l">8</td> | <td>8</td> |
<td class="tg-4hfa">1</td> | <td>1</td> |
<td class="tg-4hfa">0</td> | <td>0</td> |
<td class="tg-4hfa">0</td> | <td>0</td> |
<td class="tg-4hfa">0</td> | <td>0</td> |
<td class="tg-e5p7"></td> | <td>8</td> |
<td class="tg-yw4l">8</td> | |
</tr> | </tr> |
<tr> | <tr> |
<td class="tg-yw4l">9</td> | <td>9</td> |
<td class="tg-4hfa">1</td> | <td>1</td> |
<td class="tg-4hfa">0</td> | <td>0</td> |
<td class="tg-4hfa">0</td> | <td>0</td> |
<td class="tg-4hfa">1</td> | <td>1</td> |
<td class="tg-e5p7"></td> | <td>9</td> |
<td class="tg-yw4l">9</td> | |
</tr> | </tr> |
<tr> | <tr> |
<td class="tg-yw4l">A</td> | <td>A</td> |
<td class="tg-4hfa">1</td> | <td>1</td> |
<td class="tg-4hfa">0</td> | <td>0</td> |
<td class="tg-4hfa">1</td> | <td>1</td> |
<td class="tg-4hfa">0</td> | <td>0</td> |
<td class="tg-e5p7"></td> | <td>10</td> |
<td class="tg-yw4l">10</td> | |
</tr> | </tr> |
<tr> | <tr> |
<td class="tg-yw4l">B</td> | <td>B</td> |
<td class="tg-4hfa">1</td> | <td>1</td> |
<td class="tg-4hfa">0</td> | <td>0</td> |
<td class="tg-4hfa">1</td> | <td>1</td> |
<td class="tg-4hfa">1</td> | <td>1</td> |
<td class="tg-e5p7"></td> | <td>11</td> |
<td class="tg-yw4l">11</td> | |
</tr> | </tr> |
<tr> | <tr> |
<td class="tg-yw4l">C</td> | <td>C</td> |
<td class="tg-4hfa"></td> | <td>1</td> |
<td class="tg-4hfa">1</td> | <td>1</td> |
<td class="tg-4hfa">1</td> | <td>0</td> |
<td class="tg-4hfa">0</td> | <td>0</td> |
<td class="tg-e5p7">0</td> | <td>12</td> |
<td class="tg-yw4l">12</td> | |
</tr> | </tr> |
<tr> | <tr> |
<td class="tg-yw4l">D</td> | <td>D</td> |
<td class="tg-4hfa"></td> | <td>1</td> |
<td class="tg-4hfa">1</td> | <td>1</td> |
<td class="tg-4hfa">1</td> | <td>0</td> |
<td class="tg-4hfa">0</td> | <td>1</td> |
<td class="tg-e5p7">1</td> | <td>13</td> |
<td class="tg-yw4l">13</td> | |
</tr> | </tr> |
<tr> | <tr> |
<td class="tg-yw4l">E</td> | <td>E</td> |
<td class="tg-4hfa"></td> | <td>1</td> |
<td class="tg-4hfa">1</td> | <td>1</td> |
<td class="tg-4hfa">1</td> | <td>1</td> |
<td class="tg-4hfa">1</td> | <td>0</td> |
<td class="tg-e5p7">0</td> | <td>14</td> |
<td class="tg-yw4l">14</td> | |
</tr> | </tr> |
<tr> | <tr> |
<td class="tg-yw4l">F</td> | <td>F</td> |
<td class="tg-4hfa"></td> | <td>1</td> |
<td class="tg-4hfa">1</td> | <td>1</td> |
<td class="tg-4hfa">1</td> | <td>1</td> |
<td class="tg-4hfa">1</td> | <td>1</td> |
<td class="tg-e5p7">1</td> | <td>15</td> |
<td class="tg-yw4l">15</td> | |
</tr> | </tr> |
</table> | </table> |
| |
</html> | </html> |