{"id":7088,"date":"2013-01-28T06:26:55","date_gmt":"2013-01-28T06:26:55","guid":{"rendered":"http:\/\/vskills.in\/certification\/tutorial\/?p=7088"},"modified":"2024-04-12T14:13:38","modified_gmt":"2024-04-12T08:43:38","slug":"html-colors-2","status":"publish","type":"page","link":"https:\/\/www.vskills.in\/certification\/tutorial\/html-colors-2\/","title":{"rendered":"HTML Colors"},"content":{"rendered":"<h4><strong>HTML Colors<\/strong><\/h4>\n<p>Colors are used to add look and feel to a web page. They are specified for the whole web page in the &lt;body&gt; tag or in individual tags to color them.<\/p>\n<p>The &lt;body&gt; tag uses following attributes to set different colors<\/p>\n<ul>\n<li><strong>bgcolor<\/strong>: It is for the background of the page.<\/li>\n<li><strong>text<\/strong>: It is for the body text.<\/li>\n<li><strong>alink<\/strong>: It is for active links or selected links.<\/li>\n<li><strong>link<\/strong>: It is for linked text.<\/li>\n<li><strong>vlink<\/strong>: It is for visited links or which had been clicked.<\/li>\n<\/ul>\n<p>Now CSS is used to customize the color instead of above attributes.<\/p>\n<p><strong>Color Coding Methods <\/strong><\/p>\n<p>HTML uses three methods to identify colors in a web page and which are<\/p>\n<ul>\n<li>Color names: You can specify color names directly like green, blue or red.<\/li>\n<li>Hex codes: A six-digit code representing the amount of red, green, and blue that make up the color.<\/li>\n<li>Color decimal or percentage values: : This value is specified using the rgb( ) property.<\/li>\n<\/ul>\n<p><strong>Color Names<\/strong> &#8211; A color name is given to different colors and 16 basic color names are listed and standardized by W3C even though there are over 200 different color names. Standard 16 Colors are Black, Gray, Silver, White, Yellow, Lime, Aqua, Fuchsia, Red, Green, Blue, Purple, Maroon, Olive, Navy and Teal<\/p>\n<p><strong>Hex Codes<\/strong> \u2013 It uses a hexadecimal which is a 6 digit, representing a color. The first two digits indicate a red (RR) value, the next is for a green value (GG), and the last for blue value(BB). Various graphics software gives a hexadecimal value like Adobe Photoshop, Jasc Paintshop Pro.<\/p>\n<p>Hexadecimal code is preceded by a hash sign (#) some examples are<\/p>\n<p>Black &#8211; #000000, Red &#8211; #FF0000, Green &#8211; #00FF00, Blue &#8211; #0000FF and white &#8211; #FFFFFF<\/p>\n<p><strong>RGB Values<\/strong> \u2013 It uses the rgb( ) property by taking three values, one each for red, green, and blue. The value for each can be an number between 0 and 255 or a percentage. But all browsers does not support it so it is not widespread. Few examples are<\/p>\n<p>Black &#8211; rgb(0,0,0), Red &#8211; rgb(255,0,0), Green &#8211; rgb(0,255,0), Blue &#8211; rgb(0,0, 255) and white &#8211; rgb(255,255,255)<\/p>\n<h3>Apply for HTML5 Certification Now!!<\/h3>\n<p><a href=\"http:\/\/www.vskills.in\/certification\/Certified-HTML5-Developer\" target=\"_blank\" rel=\"noopener\">http:\/\/www.vskills.in\/certification\/Certified-HTML5-Developer<\/a><\/p>\n<h4><a href=\"https:\/\/www.vskills.in\/certification\/tutorial\/certified-html5-developer\/\" target=\"_blank\" rel=\"noopener\"><strong>Back to Tutorial<\/strong><\/a><\/h4>\n<div class=\"apply\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>HTML Colors Colors are used to add look and feel to a web page. They are specified for the whole web page in the &lt;body&gt; tag or in individual tags to color them. The &lt;body&gt; tag uses following attributes to set different colors bgcolor: It is for the background of the page. text: It is&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[135],"tags":[1050,6768,6767,2444],"class_list":["post-7088","page","type-page","status-publish","hentry","category-html5-developer","tag-html-colors","tag-html5","tag-html5-developer","tag-html5-developer-certification"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>HTML Colors - Tutorial<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vskills.in\/certification\/tutorial\/html-colors-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML Colors - Tutorial\" \/>\n<meta property=\"og:description\" content=\"HTML Colors Colors are used to add look and feel to a web page. They are specified for the whole web page in the &lt;body&gt; tag or in individual tags to color them. The &lt;body&gt; tag uses following attributes to set different colors bgcolor: It is for the background of the page. text: It is...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vskills.in\/certification\/tutorial\/html-colors-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Tutorial\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/vskills.in\/\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-12T08:43:38+00:00\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/html-colors-2\/\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/html-colors-2\/\",\"name\":\"HTML Colors - Tutorial\",\"isPartOf\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#website\"},\"datePublished\":\"2013-01-28T06:26:55+00:00\",\"dateModified\":\"2024-04-12T08:43:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/html-colors-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.vskills.in\/certification\/tutorial\/html-colors-2\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/html-colors-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML Colors\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#website\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\",\"name\":\"Tutorial\",\"description\":\"Vskills - A initiative in elearning and certification\",\"publisher\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.vskills.in\/certification\/tutorial\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#organization\",\"name\":\"Vskills\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg\",\"contentUrl\":\"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg\",\"width\":73,\"height\":55,\"caption\":\"Vskills\"},\"image\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/vskills.in\/\",\"https:\/\/x.com\/vskills_in\",\"https:\/\/www.linkedin.com\/company-beta\/1371554\/\",\"https:\/\/www.youtube.com\/channel\/UCMWnscxPwRF_PqXo9B7q_Tw\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML Colors - Tutorial","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vskills.in\/certification\/tutorial\/html-colors-2\/","og_locale":"en_US","og_type":"article","og_title":"HTML Colors - Tutorial","og_description":"HTML Colors Colors are used to add look and feel to a web page. They are specified for the whole web page in the &lt;body&gt; tag or in individual tags to color them. The &lt;body&gt; tag uses following attributes to set different colors bgcolor: It is for the background of the page. text: It is...","og_url":"https:\/\/www.vskills.in\/certification\/tutorial\/html-colors-2\/","og_site_name":"Tutorial","article_publisher":"https:\/\/www.facebook.com\/vskills.in\/","article_modified_time":"2024-04-12T08:43:38+00:00","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/html-colors-2\/","url":"https:\/\/www.vskills.in\/certification\/tutorial\/html-colors-2\/","name":"HTML Colors - Tutorial","isPartOf":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#website"},"datePublished":"2013-01-28T06:26:55+00:00","dateModified":"2024-04-12T08:43:38+00:00","breadcrumb":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/html-colors-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vskills.in\/certification\/tutorial\/html-colors-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/html-colors-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vskills.in\/certification\/tutorial\/"},{"@type":"ListItem","position":2,"name":"HTML Colors"}]},{"@type":"WebSite","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#website","url":"https:\/\/www.vskills.in\/certification\/tutorial\/","name":"Tutorial","description":"Vskills - A initiative in elearning and certification","publisher":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vskills.in\/certification\/tutorial\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#organization","name":"Vskills","url":"https:\/\/www.vskills.in\/certification\/tutorial\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/","url":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg","contentUrl":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg","width":73,"height":55,"caption":"Vskills"},"image":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/vskills.in\/","https:\/\/x.com\/vskills_in","https:\/\/www.linkedin.com\/company-beta\/1371554\/","https:\/\/www.youtube.com\/channel\/UCMWnscxPwRF_PqXo9B7q_Tw"]}]}},"_links":{"self":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/7088","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/comments?post=7088"}],"version-history":[{"count":8,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/7088\/revisions"}],"predecessor-version":[{"id":126621,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/7088\/revisions\/126621"}],"wp:attachment":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/media?parent=7088"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/categories?post=7088"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/tags?post=7088"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}