ElTicus.com

Programación, lenguajes y recursos para programadores

Recurso no clasificado
Paleta de colores para Web (RGB vs Nominal)
Como generar una paleta desde PHP
Publicado por Fecha: 2015-08-11 00:00:00 Idioma: Español Tipo de documento: Artículo

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




Nadie ha puesto ningún comentario todavía


Haz un comentario sobre este tema
Nombre email (no se muestra)
comentario:
Escribe las 2 letras que ves aquí: Imagen anti-spam =




No hay comentarios