MobileRead Forums - View Single Post - Libra Libra Color not always seems to present the required colors

DrChiper · 06-12-2024, 03:11 PM

Quote:

Originally Posted by Quoth

A screenshot though is misleading compared to a photo of the screen.

True, even same kind of devices can provide different results. Hmm, perhaps I better can provide the html code, so everybody interested can include it in an ebook and have a look on their own device.

Spoiler:

Code:

<?xml version='1.0' encoding='utf-8'?>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
  <style type="text/css" title="override_css">
  table {
    border: none;
    table-layout: auto;
    width: 100%;
    font-family: sans-serif;
    font-weight: normal;
    font-size: 0.65em;
    line-height: normal;
  }
  tr {
    page-break-inside: auto;
    page-break-after: auto;
  }
  td {
    padding: 5px;
    border: none;
    text-align: justify;
  }
  </style>
</head>

<body>

  <h1>TEST: Color Matrix</h1>

  <table>

    <tbody>

      <tr>
        <td style="background-color:white" title="white = #ffffff">white</td>
        <td style="background-color:gainsboro" title="gainsboro = #dcdcdc">gainsboro</td>
        <td style="background-color:silver" title="silver = #c0c0c0">silver</td>
        <td style="background-color:darkgray" title="darkgray = #a9a9a9">darkgray</td>
        <td style="background-color:gray" title="gray = #808080">gray</td>
        <td style="background-color:dimgray" title="dimgray = #696969">dimgray</td>
        <td style="background-color:black;color:white;" title="black = #000000">black</td>
      </tr>

      <tr>
        <td style="background-color:whitesmoke" title="whitesmoke = #f5f5f5">whitesmoke</td>
        <td style="background-color:lightgray" title="lightgray = #d3d3d3">lightgray</td>
        <td style="background-color:lightcoral" title="lightcoral = #f08080">lightcoral</td>
        <td style="background-color:rosybrown" title="rosybrown = #bc8f8f">rosybrown</td>
        <td style="background-color:indianred" title="indianred = #cd5c5c">indianred</td>
        <td style="background-color:red" title="red = #ff0000">red</td>
        <td style="background-color:maroon;color:white;" title="maroon = #800000">maroon</td>
      </tr>

      <tr>
        <td style="background-color:snow" title="snow = #fffafa">snow</td>
        <td style="background-color:mistyrose" title="mistyrose = #ffe4e1">mistyrose</td>
        <td style="background-color:salmon" title="salmon = #fa8072">salmon</td>
        <td style="background-color:orangered" title="orangered = #ff4500">orangered</td>
        <td style="background-color:chocolate" title="chocolate = #d2691e">chocolate</td>
        <td style="background-color:brown" title="brown = #a52a2a">brown</td>
        <td style="background-color:darkred;color:white;" title="darkred = #8b0000">darkred</td>
      </tr>

      <tr>
        <td style="background-color:seashell" title="seashell = #fff5ee">seashell</td>
        <td style="background-color:peachpuff" title="peachpuff = #ffdab9">peachpuff</td>
        <td style="background-color:tomato" title="tomato = #ff6347">tomato</td>
        <td style="background-color:darkorange" title="darkorange = #ff8c00">darkorange</td>
        <td style="background-color:peru" title="peru = #cd853f">peru</td>
        <td style="background-color:firebrick" title="firebrick = #b22222">firebrick</td>
        <td style="background-color:olive;color:white;" title="olive = #808000">olive</td>
      </tr>

      <tr>
        <td style="background-color:linen" title="linen = #faf0e6">linen</td>
        <td style="background-color:bisque" title="bisque = #ffe4c4">bisque</td>
        <td style="background-color:darksalmon" title="darksalmon = #e9967a">darksalmon</td>
        <td style="background-color:orange" title="orange = #ffa500">orange</td>
        <td style="background-color:goldenrod" title="goldenrod = #daa520">goldenrod</td>
        <td style="background-color:sienna" title="sienna = #a0522d">sienna</td>
        <td style="background-color:darkolivegreen;color:white;" title="darkolivegreen = #556b2f">darkolivegreen</td>
      </tr>

      <tr>
        <td style="background-color:oldlace" title="oldlace = #fdf5e6">oldlace</td>
        <td style="background-color:antiquewhite" title="antiquewhite = #faebd7">antiquewhite</td>
        <td style="background-color:coral" title="coral = #ff7f50">coral</td>
        <td style="background-color:gold" title="gold = #ffd700">gold</td>
        <td style="background-color:limegreen" title="limegreen = #32cd32">limegreen</td>
        <td style="background-color:saddlebrown" title="saddlebrown = #8b4513">saddlebrown</td>
        <td style="background-color:darkgreen;color:white;" title="darkgreen = #006400">darkgreen</td>
      </tr>

      <tr>
        <td style="background-color:floralwhite" title="floralwhite = #fffaf0">floralwhite</td>
        <td style="background-color:navajowhite" title="navajowhite = #ffdead">navajowhite</td>
        <td style="background-color:lightsalmon" title="lightsalmon = #ffa07a">lightsalmon</td>
        <td style="background-color:darkkhaki" title="darkkhaki = #bdb76b">darkkhaki</td>
        <td style="background-color:lime" title="lime = #00ff00">lime</td>
        <td style="background-color:darkgoldenrod" title="darkgoldenrod = #b8860b">darkgoldenrod</td>
        <td style="background-color:green;color:white;" title="green = #008000">green</td>
      </tr>

      <tr>
        <td style="background-color:cornsilk" title="cornsilk = #fff8dc">cornsilk</td>
        <td style="background-color:blanchedalmond" title="blanchedalmond = #ffebcd">blanchedalmond</td>
        <td style="background-color:sandybrown" title="sandybrown = #f4a460">sandybrown</td>
        <td style="background-color:yellow" title="yellow = #ffff00">yellow</td>
        <td style="background-color:mediumseagreen" title="mediumseagreen = #3cb371">mediumseagreen</td>
        <td style="background-color:olivedrab" title="olivedrab = #6b8e23">olivedrab</td>
        <td style="background-color:forestgreen;color:white;" title="forestgreen = #228b22">forestgreen</td>
      </tr>

      <tr>
        <td style="background-color:ivory" title="ivory = #fffff0">ivory</td>
        <td style="background-color:papayawhip" title="papayawhip = #ffefd5">papayawhip</td>
        <td style="background-color:burlywood" title="burlywood = #deb887">burlywood</td>
        <td style="background-color:yellowgreen" title="yellowgreen = #9acd32">yellowgreen</td>
        <td style="background-color:springgreen" title="springgreen = #00ff7f">springgreen</td>
        <td style="background-color:seagreen" title="seagreen = #2e8b57">seagreen</td>
        <td style="background-color:darkslategray;color:white;" title="darkslategray = #2f4f4f">darkslategray</td>
      </tr>

      <tr>
        <td style="background-color:beige" title="beige = #f5f5dc">beige</td>
        <td style="background-color:moccasin" title="moccasin = #ffe4b5">moccasin</td>
        <td style="background-color:tan" title="tan = #d2b48c">tan</td>
        <td style="background-color:chartreuse" title="chartreuse = #7fff00">chartreuse</td>
        <td style="background-color:mediumspringgreen" title="mediumspringgreen = #00fa9a">mediumspringgreen</td>
        <td style="background-color:lightseagreen" title="lightseagreen = #20b2aa">lightseagreen</td>
        <td style="background-color:teal;color:white;" title="teal = #008080">teal</td>
      </tr>

      <tr>
        <td style="background-color:lightyellow" title="lightyellow = #ffffe0">lightyellow</td>
        <td style="background-color:wheat" title="wheat = #f5deb3">wheat</td>
        <td style="background-color:khaki" title="khaki = #f0e68c">khaki</td>
        <td style="background-color:lawngreen" title="lawngreen = #7cfc00">lawngreen</td>
        <td style="background-color:aqua" title="aqua = #00ffff">aqua</td>
        <td style="background-color:darkturquoise" title="darkturquoise = #00ced1">darkturquoise</td>
        <td style="background-color:darkcyan;color:white;" title="darkcyan = #008b8b">darkcyan</td>
      </tr>

      <tr>
        <td style="background-color:lightgoldenrodyellow" title="lightgoldenrodyellow = #fafad2">lightgoldenrodyellow</td>
        <td style="background-color:lemonchiffon" title="lemonchiffon = #fffacd">lemonchiffon</td>
        <td style="background-color:greenyellow" title="greenyellow = #adff2f">greenyellow</td>
        <td style="background-color:darkseagreen" title="darkseagreen = #8fbc8f">darkseagreen</td>
        <td style="background-color:cyan" title="cyan = #00ffff">cyan</td>
        <td style="background-color:deepskyblue" title="deepskyblue = #00bfff">deepskyblue</td>
        <td style="background-color:midnightblue;color:white;" title="midnightblue = #191970">midnightblue</td>
      </tr>

      <tr>
        <td style="background-color:honeydew" title="honeydew = #f0fff0">honeydew</td>
        <td style="background-color:palegoldenrod" title="palegoldenrod = #eee8aa">palegoldenrod</td>
        <td style="background-color:lightgreen" title="lightgreen = #90ee90">lightgreen</td>
        <td style="background-color:mediumaquamarine" title="mediumaquamarine = #66cdaa">mediumaquamarine</td>
        <td style="background-color:cadetblue" title="cadetblue = #5f9ea0">cadetblue</td>
        <td style="background-color:steelblue" title="steelblue = #4682b4">steelblue</td>
        <td style="background-color:navy;color:white;" title="navy = #000080">navy</td>
      </tr>

      <tr>
        <td style="background-color:mintcream" title="mintcream = #f5fffa">mintcream</td>
        <td style="background-color:palegreen" title="palegreen = #98fb98">palegreen</td>
        <td style="background-color:skyblue" title="skyblue = #87ceeb">skyblue</td>
        <td style="background-color:turquoise" title="turquoise = #40e0d0">turquoise</td>
        <td style="background-color:dodgerblue" title="dodgerblue = #1e90ff">dodgerblue</td>
        <td style="background-color:blue" title="blue = #0000ff">blue</td>
        <td style="background-color:darkblue;color:white;" title="darkblue = #00008b">darkblue</td>
      </tr>

      <tr>
        <td style="background-color:azure" title="azure = #f0ffff">azure</td>
        <td style="background-color:aquamarine" title="aquamarine = #7fffd4">aquamarine</td>
        <td style="background-color:lightskyblue" title="lightskyblue = #87cefa">lightskyblue</td>
        <td style="background-color:mediumturquoise" title="mediumturquoise = #48d1cc">mediumturquoise</td>
        <td style="background-color:lightslategray" title="lightslategray = #778899">lightslategray</td>
        <td style="background-color:blueviolet" title="blueviolet = #8a2be2">blueviolet</td>
        <td style="background-color:mediumblue;color:white;" title="mediumblue = #0000cd">mediumblue</td>
      </tr>

      <tr>
        <td style="background-color:lightcyan" title="lightcyan = #e0ffff">lightcyan</td>
        <td style="background-color:paleturquoise" title="paleturquoise = #afeeee">paleturquoise</td>
        <td style="background-color:lightsteelblue" title="lightsteelblue = #b0c4de">lightsteelblue</td>
        <td style="background-color:cornflowerblue" title="cornflowerblue = #6495ed">cornflowerblue</td>
        <td style="background-color:slategray" title="slategray = #708090">slategray</td>
        <td style="background-color:darkorchid" title="darkorchid = #9932cc">darkorchid</td>
        <td style="background-color:darkslateblue;color:white;" title="darkslateblue = #483d8b">darkslateblue</td>
      </tr>

      <tr>
        <td style="background-color:aliceblue" title="aliceblue = #f0f8ff">aliceblue</td>
        <td style="background-color:powderblue" title="powderblue = #b0e0e6">powderblue</td>
        <td style="background-color:thistle" title="thistle = #d8bfd8">thistle</td>
        <td style="background-color:mediumslateblue" title="mediumslateblue = #7b68ee">mediumslateblue</td>
        <td style="background-color:royalblue" title="royalblue = #4169e1">royalblue</td>
        <td style="background-color:darkviolet" title="darkviolet = #9400d3">darkviolet</td>
        <td style="background-color:rebeccapurple;color:white;" title="rebeccapurple = #663399">rebeccapurple</td>
      </tr>

      <tr>
        <td style="background-color:ghostwhite" title="ghostwhite = #f8f8ff">ghostwhite</td>
        <td style="background-color:lightblue" title="lightblue = #add8e6">lightblue</td>
        <td style="background-color:plum" title="plum = #dda0dd">plum</td>
        <td style="background-color:mediumpurple" title="mediumpurple = #9370db">mediumpurple</td>
        <td style="background-color:slateblue" title="slateblue = #6a5acd">slateblue</td>
        <td style="background-color:magenta" title="magenta = #ff00ff">magenta</td>
        <td style="background-color:indigo;color:white;" title="indigo = #4b0082">indigo</td>
      </tr>

      <tr>
        <td style="background-color:lavender" title="lavender = #e6e6fa">lavender</td>
        <td style="background-color:pink" title="pink = #ffc0cb">pink</td>
        <td style="background-color:violet" title="violet = #ee82ee">violet</td>
        <td style="background-color:orchid" title="orchid = #da70d6">orchid</td>
        <td style="background-color:mediumorchid" title="mediumorchid = #ba55d3">mediumorchid</td>
        <td style="background-color:mediumvioletred" title="mediumvioletred = #c71585">mediumvioletred</td>
        <td style="background-color:purple;color:white;" title="purple = #800080">purple</td>
      </tr>

      <tr>
        <td style="background-color:lavenderblush" title="lavenderblush = #fff0f5">lavenderblush</td>
        <td style="background-color:lightpink" title="lightpink = #ffb6c1">lightpink</td>
        <td style="background-color:hotpink" title="hotpink = #ff69b4">hotpink</td>
        <td style="background-color:palevioletred" title="palevioletred = #db7093">palevioletred</td>
        <td style="background-color:deeppink" title="deeppink = #ff1493">deeppink</td>
        <td style="background-color:crimson" title="crimson = #dc143c">crimson</td>
        <td style="background-color:darkmagenta;color:white;" title="darkmagenta = #8b008b">darkmagenta</td>
      </tr>

    </tbody>

  </table>

</body>

</html>