Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>CSS</title>
- <style>
- table {
- width: 100%;
- border-collapse: collapse;
- }
- td {
- border: 1px solid #888;
- }
- .active td {
- background-color: #e5e5e5;
- }
- </style>
- </head>
- <body>
- <h2>HTML Color Name & Codes</h2>
- <table>
- <tr class="active"><td>컬러이름</td><td>HEX</td><td>RGB</td><td>컬러</td></tr>
- <tr><td>AliceBlue</td><td>#F0F8FF</td><td>rgb(240,248,255)</td><td style="background-color: aliceblue"> </td></tr>
- <tr><td>AntiqueWhite</td><td>#FAEBD7</td><td>rgb(250,235,215)</td><td style="background-color: antiquewhite"> </td></tr>
- <tr><td>Aqua</td><td>#00FFFF</td><td>rgb(0,255,255)</td><td style="background-color: aqua"> </td></tr>
- <tr><td>Aquamarine</td><td>#7FFFD4</td><td>rgb(127,255,212)</td><td style="background-color: aquamarine"> </td></tr>
- <tr><td>Azure</td><td>#F0FFFF</td><td>rgb(240,255,255)</td><td style="background-color: azure"> </td></tr>
- <tr><td>Beige</td><td>#F5F5DC</td><td>rgb(245,245,220)</td><td style="background-color: beige"> </td></tr>
- <tr><td>Bisque</td><td>#FFE4C4</td><td>rgb(255,228,196)</td><td style="background-color: bisque"> </td></tr>
- <tr><td>Black</td><td>#000000</td><td>rgb(0,0,0)</td><td style="background-color: black"> </td></tr>
- <tr><td>BlanchedAlmond</td><td>#FFEBCD</td><td>rgb(255,235,205)</td><td style="background-color: blanchedalmond"> </td></tr>
- <tr><td>Blue</td><td>#0000FF</td><td>rgb(0,0,255)</td><td style="background-color: blue"> </td></tr>
- <tr><td>BlueViolet</td><td>#8A2BE2</td><td>rgb(138,43,226)</td><td style="background-color: blueviolet"> </td></tr>
- <tr><td>Brown</td><td>#A52A2A</td><td>rgb(165,42,42)</td><td style="background-color: brown"> </td></tr>
- <tr><td>BurlyWood</td><td>#DEB887</td><td>rgb(222,184,135)</td><td style="background-color: burlywood"> </td></tr>
- <tr><td>CadetBlue</td><td>#5F9EA0</td><td>rgb(95,158,160)</td><td style="background-color: cadetblue"> </td></tr>
- <tr><td>Chartreuse</td><td>#7FFF00</td><td>rgb(127,255,0)</td><td style="background-color: chartreuse"> </td></tr>
- <tr><td>Chocolate</td><td>#D2691E</td><td>rgb(210,105,30)</td><td style="background-color: chocolate"> </td></tr>
- <tr><td>Coral</td><td>#FF7F50</td><td>rgb(255,127,80)</td><td style="background-color: coral"> </td></tr>
- <tr><td>CornflowerBlue</td><td>#6495ED</td><td>rgb(100,149,237)</td><td style="background-color: cornflowerblue"> </td></tr>
- <tr><td>Cornsilk</td><td>#FFF8DC</td><td>rgb(255,248,220)</td><td style="background-color: cornsilk"> </td></tr>
- <tr><td>Crimson</td><td>#DC143C</td><td>rgb(220,20,60)</td><td style="background-color: crimson"> </td></tr>
- <tr><td>Cyan</td><td>#00FFFF</td><td>rgb(0,255,255)</td><td style="background-color: cyan"> </td></tr>
- <tr><td>DarkBlue</td><td>#00008B</td><td>rgb(0,0,139)</td><td style="background-color: darkblue"> </td></tr>
- <tr><td>DarkCyan</td><td>#008B8B</td><td>rgb(0,139,139)</td><td style="background-color: darkcyan"> </td></tr>
- <tr><td>DarkGoldenRod</td><td>#B8860B</td><td>rgb(184,134,11)</td><td style="background-color: darkgoldenrod"> </td></tr>
- <tr><td>DarkGray</td><td>#A9A9A9</td><td>rgb(169,169,169)</td><td style="background-color: darkgray"> </td></tr>
- <tr><td>DarkGrey</td><td>#A9A9A9</td><td>rgb(169,169,169)</td><td style="background-color: darkgrey"> </td></tr>
- <tr><td>DarkGreen</td><td>#006400</td><td>rgb(0,100,0)</td><td style="background-color: darkgreen"> </td></tr>
- <tr><td>DarkKhaki</td><td>#BDB76B</td><td>rgb(189,183,107)</td><td style="background-color: darkkhaki"> </td></tr>
- <tr><td>DarkMagenta</td><td>#8B008B</td><td>rgb(139,0,139)</td><td style="background-color: darkmagenta"> </td></tr>
- <tr><td>DarkOliveGreen</td><td>#556B2F</td><td>rgb(85,107,47)</td><td style="background-color: darkolivegreen"> </td></tr>
- <tr><td>DarkOrange</td><td>#FF8C00</td><td>rgb(255,140,0)</td><td style="background-color: darkorange"> </td></tr>
- <tr><td>DarkOrchid</td><td>#9932CC</td><td>rgb(153,50,204)</td><td style="background-color: darkorchid"> </td></tr>
- <tr><td>DarkRed</td><td>#8B0000</td><td>rgb(139,0,0)</td><td style="background-color: darkred"> </td></tr>
- <tr><td>DarkSalmon</td><td>#E9967A</td><td>rgb(233,150,122)</td><td style="background-color: darksalmon"> </td></tr>
- <tr><td>DarkSeaGreen</td><td>#8FBC8F</td><td>rgb(143,188,143)</td><td style="background-color: darkseagreen"> </td></tr>
- <tr><td>DarkSlateBlue</td><td>#483D8B</td><td>rgb(72,61,139)</td><td style="background-color: darkslateblue"> </td></tr>
- <tr><td>DarkSlateGray</td><td>#2F4F4F</td><td>rgb(47,79,79)</td><td style="background-color: darkslategray"> </td></tr>
- <tr><td>DarkSlateGrey</td><td>#2F4F4F</td><td>rgb(47,79,79)</td><td style="background-color: darkslategrey"> </td></tr>
- <tr><td>DarkTurquoise</td><td>#00CED1</td><td>rgb(0,206,209)</td><td style="background-color: darkturquoise"> </td></tr>
- <tr><td>DarkViolet</td><td>#9400D3</td><td>rgb(148,0,211)</td><td style="background-color: darkviolet"> </td></tr>
- <tr><td>DeepPink</td><td>#FF1493</td><td>rgb(255,20,147)</td><td style="background-color: deeppink"> </td></tr>
- <tr><td>DeepSkyBlue</td><td>#00BFFF</td><td>rgb(0,191,255)</td><td style="background-color: deepskyblue"> </td></tr>
- <tr><td>DimGray</td><td>#696969</td><td>rgb(105,105,105)</td><td style="background-color: dimgray"> </td></tr>
- <tr><td>DimGrey</td><td>#696969</td><td>rgb(105,105,105)</td><td style="background-color: dimgrey"> </td></tr>
- <tr><td>DodgerBlue</td><td>#1E90FF</td><td>rgb(30,144,255)</td><td style="background-color: dodgerblue"> </td></tr>
- <tr><td>FireBrick</td><td>#B22222</td><td>rgb(178,34,34)</td><td style="background-color: firebrick"> </td></tr>
- <tr><td>FloralWhite</td><td>#FFFAF0</td><td>rgb(255,250,240)</td><td style="background-color: floralwhite"> </td></tr>
- <tr><td>ForestGreen</td><td>#228B22</td><td>rgb(34,139,34)</td><td style="background-color: forestgreen"> </td></tr>
- <tr><td>Fuchsia</td><td>#FF00FF</td><td>rgb(255,0,255)</td><td style="background-color: fuchsia"> </td></tr>
- <tr><td>Gainsboro</td><td>#DCDCDC</td><td>rgb(220,220,220)</td><td style="background-color: gainsboro"> </td></tr>
- <tr><td>GhostWhite</td><td>#F8F8FF</td><td>rgb(248,248,255)</td><td style="background-color: ghostwhite"> </td></tr>
- <tr><td>Gold</td><td>#FFD700</td><td>rgb(255,215,0)</td><td style="background-color: gold"> </td></tr>
- <tr><td>GoldenRod</td><td>#DAA520</td><td>rgb(218,165,32)</td><td style="background-color: goldenrod"> </td></tr>
- <tr><td>Gray</td><td>#808080</td><td>rgb(128,128,128)</td><td style="background-color: gray"> </td></tr>
- <tr><td>Grey</td><td>#808080</td><td>rgb(128,128,128)</td><td style="background-color: grey"> </td></tr>
- <tr><td>Green</td><td>#008000</td><td>rgb(0,128,0)</td><td style="background-color: green"> </td></tr>
- <tr><td>GreenYellow</td><td>#ADFF2F</td><td>rgb(173,255,47)</td><td style="background-color: greenyellow"> </td></tr>
- <tr><td>HoneyDew</td><td>#F0FFF0</td><td>rgb(240,255,240)</td><td style="background-color: honeydew"> </td></tr>
- <tr><td>HotPink</td><td>#FF69B4</td><td>rgb(255,105,180)</td><td style="background-color: hotpink"> </td></tr>
- <tr><td>IndianRed</td><td>#CD5C5C</td><td>rgb(205,92,92)</td><td style="background-color: indianred"> </td></tr>
- <tr><td>Indigo</td><td>#4B0082</td><td>rgb(75,0,130)</td><td style="background-color: indigo"> </td></tr>
- <tr><td>Ivory</td><td>#FFFFF0</td><td>rgb(255,255,240)</td><td style="background-color: ivory"> </td></tr>
- <tr><td>Khaki</td><td>#F0E68C</td><td>rgb(240,230,140)</td><td style="background-color: khaki"> </td></tr>
- <tr><td>Lavender</td><td>#E6E6FA</td><td>rgb(230,230,250)</td><td style="background-color: lavender"> </td></tr>
- <tr><td>LavenderBlush</td><td>#FFF0F5</td><td>rgb(255,240,245)</td><td style="background-color: lavenderblush"> </td></tr>
- <tr><td>LawnGreen</td><td>#7CFC00</td><td>rgb(124,252,0)</td><td style="background-color: lawngreen"> </td></tr>
- <tr><td>LemonChiffon</td><td>#FFFACD</td><td>rgb(255,250,205)</td><td style="background-color: lemonchiffon"> </td></tr>
- <tr><td>LightBlue</td><td>#ADD8E6</td><td>rgb(173,216,230)</td><td style="background-color: lightblue"> </td></tr>
- <tr><td>LightCoral</td><td>#F08080</td><td>rgb(240,128,128)</td><td style="background-color: lightcoral"> </td></tr>
- <tr><td>LightCyan</td><td>#E0FFFF</td><td>rgb(224,255,255)</td><td style="background-color: lightcyan"> </td></tr>
- <tr><td>LightGoldenRodYellow</td><td>#FAFAD2</td><td>rgb(250,250,210)</td><td style="background-color: lightgoldenrodyellow"> </td></tr>
- <tr><td>LightGray</td><td>#D3D3D3</td><td>rgb(211,211,211)</td><td style="background-color: lightgray"> </td></tr>
- <tr><td>LightGrey</td><td>#D3D3D3</td><td>rgb(211,211,211)</td><td style="background-color: lightgrey"> </td></tr>
- <tr><td>LightGreen</td><td>#90EE90</td><td>rgb(144,238,144)</td><td style="background-color: lightgreen"> </td></tr>
- <tr><td>LightPink</td><td>#FFB6C1</td><td>rgb(255,182,193)</td><td style="background-color: lightpink"> </td></tr>
- <tr><td>LightSalmon</td><td>#FFA07A</td><td>rgb(255,160,122)</td><td style="background-color: lightsalmon"> </td></tr>
- <tr><td>LightSeaGreen</td><td>#20B2AA</td><td>rgb(32,178,170)</td><td style="background-color: lightseagreen"> </td></tr>
- <tr><td>LightSkyBlue</td><td>#87CEFA</td><td>rgb(135,206,250)</td><td style="background-color: lightskyblue"> </td></tr>
- <tr><td>LightSlateGray</td><td>#778899</td><td>rgb(119,136,153)</td><td style="background-color: lightslategray"> </td></tr>
- <tr><td>LightSlateGrey</td><td>#778899</td><td>rgb(119,136,153)</td><td style="background-color: lightslategrey"> </td></tr>
- <tr><td>LightSteelBlue</td><td>#B0C4DE</td><td>rgb(176,196,222)</td><td style="background-color: lightsteelblue"> </td></tr>
- <tr><td>LightYellow</td><td>#FFFFE0</td><td>rgb(255,255,224)</td><td style="background-color: lightyellow"> </td></tr>
- <tr><td>Lime</td><td>#00FF00</td><td>rgb(0,255,0)</td><td style="background-color: lime"> </td></tr>
- <tr><td>LimeGreen</td><td>#32CD32</td><td>rgb(50,205,50)</td><td style="background-color: limegreen"> </td></tr>
- <tr><td>Linen</td><td>#FAF0E6</td><td>rgb(250,240,230)</td><td style="background-color: linen"> </td></tr>
- <tr><td>Magenta</td><td>#FF00FF</td><td>rgb(255,0,255)</td><td style="background-color: magenta"> </td></tr>
- <tr><td>Maroon</td><td>#800000</td><td>rgb(128,0,0)</td><td style="background-color: maroon"> </td></tr>
- <tr><td>MediumAquaMarine</td><td>#66CDAA</td><td>rgb(102,205,170)</td><td style="background-color: mediumaquamarine"> </td></tr>
- <tr><td>MediumBlue</td><td>#0000CD</td><td>rgb(0,0,205)</td><td style="background-color: mediumblue"> </td></tr>
- <tr><td>MediumOrchid</td><td>#BA55D3</td><td>rgb(186,85,211)</td><td style="background-color: mediumorchid"> </td></tr>
- <tr><td>MediumPurple</td><td>#9370DB</td><td>rgb(147,112,219)</td><td style="background-color: mediumpurple"> </td></tr>
- <tr><td>MediumSeaGreen</td><td>#3CB371</td><td>rgb(60,179,113)</td><td style="background-color: mediumseagreen"> </td></tr>
- <tr><td>MediumSlateBlue</td><td>#7B68EE</td><td>rgb(123,104,238)</td><td style="background-color: mediumslateblue"> </td></tr>
- <tr><td>MediumSpringGreen</td><td>#00FA9A</td><td>rgb(0,250,154)</td><td style="background-color: mediumspringgreen"> </td></tr>
- <tr><td>MediumTurquoise</td><td>#48D1CC</td><td>rgb(72,209,204)</td><td style="background-color: mediumturquoise"> </td></tr>
- <tr><td>MediumVioletRed</td><td>#C71585</td><td>rgb(199,21,133)</td><td style="background-color: mediumvioletred"> </td></tr>
- <tr><td>MidnightBlue</td><td>#191970</td><td>rgb(25,25,112)</td><td style="background-color: midnightblue"> </td></tr>
- <tr><td>MintCream</td><td>#F5FFFA</td><td>rgb(245,255,250)</td><td style="background-color: mintcream"> </td></tr>
- <tr><td>MistyRose</td><td>#FFE4E1</td><td>rgb(255,228,225)</td><td style="background-color: mistyrose"> </td></tr>
- <tr><td>Moccasin</td><td>#FFE4B5</td><td>rgb(255,228,181)</td><td style="background-color: moccasin"> </td></tr>
- <tr><td>NavajoWhite</td><td>#FFDEAD</td><td>rgb(255,222,173)</td><td style="background-color: navajowhite"> </td></tr>
- <tr><td>Navy</td><td>#000080</td><td>rgb(0,0,128)</td><td style="background-color: navy"> </td></tr>
- <tr><td>OldLace</td><td>#FDF5E6</td><td>rgb(253,245,230)</td><td style="background-color: oldlace"> </td></tr>
- <tr><td>Olive</td><td>#808000</td><td>rgb(128,128,0)</td><td style="background-color: olive"> </td></tr>
- <tr><td>OliveDrab</td><td>#6B8E23</td><td>rgb(107,142,35)</td><td style="background-color: olivedrab"> </td></tr>
- <tr><td>Orange</td><td>#FFA500</td><td>rgb(255,165,0)</td><td style="background-color: orange"> </td></tr>
- <tr><td>OrangeRed</td><td>#FF4500</td><td>rgb(255,69,0)</td><td style="background-color: orangered"> </td></tr>
- <tr><td>Orchid</td><td>#DA70D6</td><td>rgb(218,112,214)</td><td style="background-color: orchid"> </td></tr>
- <tr><td>PaleGoldenRod</td><td>#EEE8AA</td><td>rgb(238,232,170)</td><td style="background-color: palegoldenrod"> </td></tr>
- <tr><td>PaleGreen</td><td>#98FB98</td><td>rgb(152,251,152)</td><td style="background-color: palegreen"> </td></tr>
- <tr><td>PaleTurquoise</td><td>#AFEEEE</td><td>rgb(175,238,238)</td><td style="background-color: paleturquoise"> </td></tr>
- <tr><td>PaleVioletRed</td><td>#DB7093</td><td>rgb(219,112,147)</td><td style="background-color: palevioletred"> </td></tr>
- <tr><td>PapayaWhip</td><td>#FFEFD5</td><td>rgb(255,239,213)</td><td style="background-color: papayawhip"> </td></tr>
- <tr><td>PeachPuff</td><td>#FFDAB9</td><td>rgb(255,218,185)</td><td style="background-color: peachpuff"> </td></tr>
- <tr><td>Peru</td><td>#CD853F</td><td>rgb(205,133,63)</td><td style="background-color: peru"> </td></tr>
- <tr><td>Pink</td><td>#FFC0CB</td><td>rgb(255,192,203)</td><td style="background-color: pink"> </td></tr>
- <tr><td>Plum</td><td>#DDA0DD</td><td>rgb(221,160,221)</td><td style="background-color: plum"> </td></tr>
- <tr><td>PowderBlue</td><td>#B0E0E6</td><td>rgb(176,224,230)</td><td style="background-color: powderblue"> </td></tr>
- <tr><td>Purple</td><td>#800080</td><td>rgb(128,0,128)</td><td style="background-color: purple"> </td></tr>
- <tr><td>RebeccaPurple</td><td>#663399</td><td>rgb(102,51,153)</td><td style="background-color: rebeccapurple"> </td></tr>
- <tr><td>Red</td><td>#FF0000</td><td>rgb(255,0,0)</td><td style="background-color: red"> </td></tr>
- <tr><td>RosyBrown</td><td>#BC8F8F</td><td>rgb(188,143,143)</td><td style="background-color: rosybrown"> </td></tr>
- <tr><td>RoyalBlue</td><td>#4169E1</td><td>rgb(65,105,225)</td><td style="background-color: royalblue"> </td></tr>
- <tr><td>SaddleBrown</td><td>#8B4513</td><td>rgb(139,69,19)</td><td style="background-color: saddlebrown"> </td></tr>
- <tr><td>Salmon</td><td>#FA8072</td><td>rgb(250,128,114)</td><td style="background-color: salmon"> </td></tr>
- <tr><td>SandyBrown</td><td>#F4A460</td><td>rgb(244,164,96)</td><td style="background-color: sandybrown"> </td></tr>
- <tr><td>SeaGreen</td><td>#2E8B57</td><td>rgb(46,139,87)</td><td style="background-color: seagreen"> </td></tr>
- <tr><td>SeaShell</td><td>#FFF5EE</td><td>rgb(255,245,238)</td><td style="background-color: seashell"> </td></tr>
- <tr><td>Sienna</td><td>#A0522D</td><td>rgb(160,82,45)</td><td style="background-color: sienna"> </td></tr>
- <tr><td>Silver</td><td>#C0C0C0</td><td>rgb(192,192,192)</td><td style="background-color: silver"> </td></tr>
- <tr><td>SkyBlue</td><td>#87CEEB</td><td>rgb(135,206,235)</td><td style="background-color: skyblue"> </td></tr>
- <tr><td>SlateBlue</td><td>#6A5ACD</td><td>rgb(106,90,205)</td><td style="background-color: slateblue"> </td></tr>
- <tr><td>SlateGray</td><td>#708090</td><td>rgb(112,128,144)</td><td style="background-color: slategray"> </td></tr>
- <tr><td>SlateGrey</td><td>#708090</td><td>rgb(112,128,144)</td><td style="background-color: slategrey"> </td></tr>
- <tr><td>Snow</td><td>#FFFAFA</td><td>rgb(255,250,250)</td><td style="background-color: snow"> </td></tr>
- <tr><td>SpringGreen</td><td>#00FF7F</td><td>rgb(0,255,127)</td><td style="background-color: springgreen"> </td></tr>
- <tr><td>SteelBlue</td><td>#4682B4</td><td>rgb(70,130,180)</td><td style="background-color: steelblue"> </td></tr>
- <tr><td>Tan</td><td>#D2B48C</td><td>rgb(210,180,140)</td><td style="background-color: tan"> </td></tr>
- <tr><td>Teal</td><td>#008080</td><td>rgb(0,128,128)</td><td style="background-color: teal"> </td></tr>
- <tr><td>Thistle</td><td>#D8BFD8</td><td>rgb(216,191,216)</td><td style="background-color: thistle"> </td></tr>
- <tr><td>Tomato</td><td>#FF6347</td><td>rgb(255,99,71)</td><td style="background-color: tomato"> </td></tr>
- <tr><td>Turquoise</td><td>#40E0D0</td><td>rgb(64,224,208)</td><td style="background-color: turquoise"> </td></tr>
- <tr><td>Violet</td><td>#EE82EE</td><td>rgb(238,130,238)</td><td style="background-color: violet"> </td></tr>
- <tr><td>Wheat</td><td>#F5DEB3</td><td>rgb(245,222,179)</td><td style="background-color: wheat"> </td></tr>
- <tr><td>White</td><td>#FFFFFF</td><td>rgb(255,255,255)</td><td style="background-color: white"> </td></tr>
- <tr><td>WhiteSmoke</td><td>#F5F5F5</td><td>rgb(245,245,245)</td><td style="background-color: whitesmoke"> </td></tr>
- <tr><td>Yellow</td><td>#FFFF00</td><td>rgb(255,255,0)</td><td style="background-color: yellow"> </td></tr>
- <tr><td>YellowGreen</td><td>#9ACD32</td><td>rgb(154,205,50)</td><td style="background-color: yellowgreen"> </td></tr>
- </table>
- <p>리스트 참조: https://www.w3schools.com/colors/color_tryit.asp</p>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement