e1:html_farbraum

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung		 Vorhergehende Überarbeitung
e1:html_farbraum [2017/07/04 16:41] – admin03e1:html_farbraum [2017/07/04 16:43] (aktuell) – Externe Bearbeitung 127.0.0.1
Zeile 3: Zeile 3:
  
 <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>
  • /var/www/infowiki/data/attic/e1/html_farbraum.1499186487.txt.gz
  • Zuletzt geändert: 2017/07/04 16:41
  • (Externe Bearbeitung)