Se trata de un código muy sencillo que se basa en la utilización de un array de todos los colores admitidos por el HTML. Dicho array se formó con información tomada de la Wikipedia.
El programa se explica en si mismo.
$colores=array( 'IndianRed' => 'CD5C5C', 'LightCoral' => 'F08080', 'Salmon' => 'FA8072', 'DarkSalmon' => 'E9967A', 'LightSalmon' => 'FFA07A', 'Crimson' => 'DC143C', 'Red' => 'FF0000', 'FireBrick' => 'B22222', 'DarkRed' => '8B0000', 'Pink' => 'FFC0CB', 'LightPink' => 'FFB6C1', 'HotPink' => 'FF69B4', 'DeepPink' => 'FF1493', 'MediumVioletRed' => 'C71585', 'PaleVioletRed' => 'DB7093', 'LightSalmon' => 'FFA07A', 'Coral' => 'FF7F50', 'Tomato' => 'FF6347', 'OrangeRed' => 'FF4500', 'DarkOrange' => 'FF8C00', 'Orange' => 'FFA500', 'Gold' => 'FFD700', 'Yellow' => 'FFFF00', 'LightYellow' => 'FFFFE0', 'LemonChiffon' => 'FFFACD', 'LightGoldenrodYellow' => 'FAFAD2', 'PapayaWhip' => 'FFEFD5', 'Moccasin' => 'FFE4B5', 'PeachPuff' => 'FFDAB9', 'PaleGoldenrod' => 'EEE8AA', 'Khaki' => 'F0E68C', 'DarkKhaki' => 'BDB76B', 'Lavender' => 'E6E6FA', 'Thistle' => 'D8BFD8', 'Plum' => 'DDA0DD', 'Violet' => 'EE82EE', 'Orchid' => 'DA70D6', 'Fuchsia' => 'FF00FF', //Magenta 'MediumOrchid' => 'BA55D3', 'MediumPurple' => '9370DB', 'BlueViolet' => '8A2BE2', 'DarkViolet' => '9400D3', 'DarkOrchid' => '9932CC', 'DarkMagenta' => '8B008B', 'Purple' => '800080', 'Indigo' => '4B0082', 'SlateBlue' => '6A5ACD', 'DarkSlateBlue' => '483D8B', 'GreenYellow' => 'ADFF2F', 'Chartreuse' => '7FFF00', 'LawnGreen' => '7CFC00', 'Lime' => '00FF00', 'LimeGreen' => '32CD32', 'PaleGreen' => '98FB98', 'LightGreen' => '90EE90', 'MediumSpringGreen' => '00FA9A', 'SpringGreen' => '00FF7F', 'MediumSeaGreen' => '3CB371', 'SeaGreen' => '2E8B57', 'ForestGreen' => '228B22', 'Green' => '008000', 'DarkGreen' => '006400', 'YellowGreen' => '9ACD32', 'OliveDrab' => '6B8E23', 'Olive' => '808000', 'DarkOliveGreen' => '556B2F', 'MediumAquamarine' => '66CDAA', 'DarkSeaGreen' => '8FBC8F', 'LightSeaGreen' => '20B2AA', 'DarkCyan' => '008B8B', 'Teal' => '008080', 'Aqua' => '00FFFF', // cyan 'LightCyan' => 'E0FFFF', 'PaleTurquoise' => 'AFEEEE', 'Aquamarine' => '7FFFD4', 'Turquoise' => '40E0D0', 'MediumTurquoise' => '48D1CC', 'DarkTurquoise' => '00CED1', 'CadetBlue' => '5F9EA0', 'SteelBlue' => '4682B4', 'LightSteelBlue' => 'B0C4DE', 'PowderBlue' => 'B0E0E6', 'LightBlue' => 'ADD8E6', 'SkyBlue' => '87CEEB', 'LightSkyBlue' => '87CEFA', 'DeepSkyBlue' => '00BFFF', 'DodgerBlue' => '1E90FF', 'CornflowerBlue' => '6495ED', 'MediumSlateBlue' => '7B68EE', 'RoyalBlue' => '4169E0', 'Blue' => '0000FF', 'MediumBlue' => '0000CD', 'DarkBlue' => '00008B', 'Navy' => '000080', 'MidnightBlue' => '191970', 'Cornsilk' => 'FFF8DC', 'BlanchedAlmond' => 'FFEBCD', 'Bisque' => 'FFE4C4', 'NavajoWhite' => 'FFDEAD', 'Wheat' => 'F5DEB3', 'BurlyWood' => 'DEB887', 'Tan' => 'D2B48C', 'RosyBrown' => 'BC8F8F', 'SandyBrown' => 'F4A460', 'Goldenrod' => 'DAA520', 'DarkGoldenrod' => 'B8860B', 'Peru' => 'CD853F', 'Chocolate' => 'D2691E', 'SaddleBrown' => '8B4513', 'Sienna' => 'A0522D', 'Brown' => 'A52A2A', 'Maroon' => '800000', 'White' => 'FFFFFF', 'Snow' => 'FFFAFA', 'Honeydew' => 'F0FFF0', 'MintCream' => 'F5FFFA', 'Azure' => 'F0FFFF', 'AliceBlue' => 'F0F8FF', 'GhostWhite' => 'F8F8FF', 'WhiteSmoke' => 'F5F5F5', 'Seashell' => 'FFF5EE', 'Beige' => 'F5F5DC', 'OldLace' => 'FDF5E6', 'FloralWhite' => 'FFFAF0', 'Ivory' => 'FFFFF0', 'AntiqueWhite' => 'FAEBD7', 'Linen' => 'FAF0E6', 'LavenderBlush' => 'FFF0F5', 'MistyRose' => 'FFE4E1', 'Gainsboro' => 'DCDCDC', 'LightGrey' => 'D3D3D3', 'Silver' => 'C0C0C0', 'DarkGray' => 'A9A9A9', 'Gray' => '808080', 'DimGray' => '696969', 'LightSlateGray' => '778899', 'SlateGray' => '708090', 'DarkSlateGray' => '2F4F4F', 'Black' => '000000');
echo "<table border='1' padding='0'>"; echo "<tr><th rowspan='2'> Nombre clave HTML </th><th rowspan='2'> #RGB </th><th colspan='2'> Ejemplo de coloreado </th></tr>"; echo "<tr> <th> Usando el nombre </th><th> usando el RGB </th></tr>"; foreach($colores as $n => $v) { echo "<tr><td> $n </td><td> #{$v} </td><td bgcolor='$n'> background-color:{$n}; </td><td bgcolor='#{$v}'> background-color:#{$v}; </td></tr>";
} echo "</table>"; |
Click Aquà para ver el ejemplo
|