{"id":1835,"date":"2020-07-31T13:00:59","date_gmt":"2020-07-31T13:00:59","guid":{"rendered":"https:\/\/www.ezilon.com\/topics\/?p=1835"},"modified":"2021-05-28T07:34:36","modified_gmt":"2021-05-28T07:34:36","slug":"web-colors-what-are-hexadecimal-colors","status":"publish","type":"post","link":"https:\/\/www.ezilon.com\/topics\/web-colors-what-are-hexadecimal-colors\/","title":{"rendered":"Web Colors &#8211; What Are Hexadecimal Colors?"},"content":{"rendered":"\n<p>Hexadecimal notation is the most common method for designating color on a web site. A hexadecimal color code is a six digit number with a # (hash) symbol in front of the value. <\/p>\n\n\n\n<p><strong>Computers use units of two to count, rather than base 10. Hex is base 16 or 2 to the power of 4.<br><\/strong> <br>In the six-digit value, the first two numbers define red, the next two define green and the last two define blue. Each digit has 16 values, using numbers and letters 0-9 and A-F. A through F function as the numbers 11 through 16. <\/p>\n\n\n\n<p>Because each color is represented by a pair of base 16 numbers, there are 256 (16 x 16) possible values for each color. When you combine the values of the three colors there is a possibility of 16,777,216 (256 x 256 x 256) combinations of color.<br> <br>For example, pure red is #FF0000, pure green is #00FF00 and pure blue is #0000FF.<br> <br>At first, it may seem difficult to determine what color you will get with different color codes. A simple solution to this is to remember that FF is the maximum and 00 is the minimum, and use one of the following codes for each component:<br> <br> FF means full brightness<br> CC means 80 percent brightness<br> 99 means 60 percent brightness<br> 66 means 40 percent brightness<br> 33 means 20 percent brightness<br> 00 means none of this color component<br> <br>Sometimes, you will find hexadecimal numbers expressed using only three digits, such as #F32. This is an abbreviation for a color that has a pair for each of the three numbers. #F32 is the same as #FF3322.<br> <br>You will also see web pages that use color names to describe a color that is being used. The W3C&#8217;s HTML 4.0 specifies only 16 standard color names: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow. <\/p>\n\n\n\n<p>Most browsers today support more color names, but when specifying a color it is usually best to use a hexadecimal number as hexadecimal colors are supported by all browsers.<br> <br>You should be aware that when viewing colors on a computer monitor, different monitors may display colors in very different tints. <\/p>\n\n\n\n<p>Neutral, earth-tone colors such as medium gray, tan, and ivory can lead to even more unpredictable results on many computer monitors, and may even seem to change color on one monitor depending on the lighting conditions in the room and the time of day.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hexadecimal notation is the most common method for designating color on a web site. A hexadecimal color code is a six digit number with a # (hash) symbol in front of the value. Computers use units of two to count, rather than base 10. Hex is base 16 or 2 to the power of 4. [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":9051,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"","fifu_image_alt":""},"categories":[30],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v17.1.2 (Yoast SEO v20.10) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Web Colors - What Are Hexadecimal Colors? - Ezilon Articles<\/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.ezilon.com\/topics\/web-colors-what-are-hexadecimal-colors\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Colors - What Are Hexadecimal Colors?\" \/>\n<meta property=\"og:description\" content=\"Hexadecimal notation is the most common method for designating color on a web site. A hexadecimal color code is a six digit number with a # (hash) symbol\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ezilon.com\/topics\/web-colors-what-are-hexadecimal-colors\/\" \/>\n<meta property=\"og:site_name\" content=\"Ezilon Articles\" \/>\n<meta property=\"article:published_time\" content=\"2020-07-31T13:00:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-05-28T07:34:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.ezilon.com\/topics\/wp-content\/uploads\/2020\/08\/web-colors.png\" \/>\n\t<meta property=\"og:image:width\" content=\"676\" \/>\n\t<meta property=\"og:image:height\" content=\"420\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Raymond Mills\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ezilon\" \/>\n<meta name=\"twitter:site\" content=\"@ezilon\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Raymond Mills\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.ezilon.com\/topics\/web-colors-what-are-hexadecimal-colors\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.ezilon.com\/topics\/web-colors-what-are-hexadecimal-colors\/\"},\"author\":{\"name\":\"Raymond Mills\",\"@id\":\"https:\/\/www.ezilon.com\/topics\/#\/schema\/person\/60676536a63b36956a20bdb2f9d2ed86\"},\"headline\":\"Web Colors &#8211; What Are Hexadecimal Colors?\",\"datePublished\":\"2020-07-31T13:00:59+00:00\",\"dateModified\":\"2021-05-28T07:34:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.ezilon.com\/topics\/web-colors-what-are-hexadecimal-colors\/\"},\"wordCount\":392,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.ezilon.com\/topics\/#organization\"},\"articleSection\":[\"Computers\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.ezilon.com\/topics\/web-colors-what-are-hexadecimal-colors\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.ezilon.com\/topics\/web-colors-what-are-hexadecimal-colors\/\",\"url\":\"https:\/\/www.ezilon.com\/topics\/web-colors-what-are-hexadecimal-colors\/\",\"name\":\"Web Colors - What Are Hexadecimal Colors? - Ezilon Articles\",\"isPartOf\":{\"@id\":\"https:\/\/www.ezilon.com\/topics\/#website\"},\"datePublished\":\"2020-07-31T13:00:59+00:00\",\"dateModified\":\"2021-05-28T07:34:36+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.ezilon.com\/topics\/web-colors-what-are-hexadecimal-colors\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.ezilon.com\/topics\/web-colors-what-are-hexadecimal-colors\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.ezilon.com\/topics\/web-colors-what-are-hexadecimal-colors\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.ezilon.com\/topics\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Colors &#8211; What Are Hexadecimal Colors?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.ezilon.com\/topics\/#website\",\"url\":\"https:\/\/www.ezilon.com\/topics\/\",\"name\":\"Ezilon Articles\",\"description\":\"Different topics from daily ideas\",\"publisher\":{\"@id\":\"https:\/\/www.ezilon.com\/topics\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.ezilon.com\/topics\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.ezilon.com\/topics\/#organization\",\"name\":\"Ezilon Blogs\",\"url\":\"https:\/\/www.ezilon.com\/topics\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.ezilon.com\/topics\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/www.ezilon.com\/topics\/wp-content\/uploads\/2020\/10\/logo.gif\",\"contentUrl\":\"http:\/\/www.ezilon.com\/topics\/wp-content\/uploads\/2020\/10\/logo.gif\",\"width\":151,\"height\":63,\"caption\":\"Ezilon Blogs\"},\"image\":{\"@id\":\"https:\/\/www.ezilon.com\/topics\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/twitter.com\/ezilon\",\"https:\/\/www.instagram.com\/ezilonusa\",\"https:\/\/www.pinterest.com\/ezilon\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.ezilon.com\/topics\/#\/schema\/person\/60676536a63b36956a20bdb2f9d2ed86\",\"name\":\"Raymond Mills\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.ezilon.com\/topics\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ee9ef8d4583bed13ba68d2fa503c47d9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ee9ef8d4583bed13ba68d2fa503c47d9?s=96&d=mm&r=g\",\"caption\":\"Raymond Mills\"},\"url\":\"https:\/\/www.ezilon.com\/topics\/author\/raymond\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Web Colors - What Are Hexadecimal Colors? - Ezilon Articles","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.ezilon.com\/topics\/web-colors-what-are-hexadecimal-colors\/","og_locale":"en_US","og_type":"article","og_title":"Web Colors - What Are Hexadecimal Colors?","og_description":"Hexadecimal notation is the most common method for designating color on a web site. A hexadecimal color code is a six digit number with a # (hash) symbol","og_url":"https:\/\/www.ezilon.com\/topics\/web-colors-what-are-hexadecimal-colors\/","og_site_name":"Ezilon Articles","article_published_time":"2020-07-31T13:00:59+00:00","article_modified_time":"2021-05-28T07:34:36+00:00","og_image":[{"width":676,"height":420,"url":"https:\/\/www.ezilon.com\/topics\/wp-content\/uploads\/2020\/08\/web-colors.png","type":"image\/png"}],"author":"Raymond Mills","twitter_card":"summary_large_image","twitter_creator":"@ezilon","twitter_site":"@ezilon","twitter_misc":{"Written by":"Raymond Mills","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.ezilon.com\/topics\/web-colors-what-are-hexadecimal-colors\/#article","isPartOf":{"@id":"https:\/\/www.ezilon.com\/topics\/web-colors-what-are-hexadecimal-colors\/"},"author":{"name":"Raymond Mills","@id":"https:\/\/www.ezilon.com\/topics\/#\/schema\/person\/60676536a63b36956a20bdb2f9d2ed86"},"headline":"Web Colors &#8211; What Are Hexadecimal Colors?","datePublished":"2020-07-31T13:00:59+00:00","dateModified":"2021-05-28T07:34:36+00:00","mainEntityOfPage":{"@id":"https:\/\/www.ezilon.com\/topics\/web-colors-what-are-hexadecimal-colors\/"},"wordCount":392,"commentCount":0,"publisher":{"@id":"https:\/\/www.ezilon.com\/topics\/#organization"},"articleSection":["Computers"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.ezilon.com\/topics\/web-colors-what-are-hexadecimal-colors\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.ezilon.com\/topics\/web-colors-what-are-hexadecimal-colors\/","url":"https:\/\/www.ezilon.com\/topics\/web-colors-what-are-hexadecimal-colors\/","name":"Web Colors - What Are Hexadecimal Colors? - Ezilon Articles","isPartOf":{"@id":"https:\/\/www.ezilon.com\/topics\/#website"},"datePublished":"2020-07-31T13:00:59+00:00","dateModified":"2021-05-28T07:34:36+00:00","breadcrumb":{"@id":"https:\/\/www.ezilon.com\/topics\/web-colors-what-are-hexadecimal-colors\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ezilon.com\/topics\/web-colors-what-are-hexadecimal-colors\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.ezilon.com\/topics\/web-colors-what-are-hexadecimal-colors\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.ezilon.com\/topics\/"},{"@type":"ListItem","position":2,"name":"Web Colors &#8211; What Are Hexadecimal Colors?"}]},{"@type":"WebSite","@id":"https:\/\/www.ezilon.com\/topics\/#website","url":"https:\/\/www.ezilon.com\/topics\/","name":"Ezilon Articles","description":"Different topics from daily ideas","publisher":{"@id":"https:\/\/www.ezilon.com\/topics\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.ezilon.com\/topics\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.ezilon.com\/topics\/#organization","name":"Ezilon Blogs","url":"https:\/\/www.ezilon.com\/topics\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.ezilon.com\/topics\/#\/schema\/logo\/image\/","url":"http:\/\/www.ezilon.com\/topics\/wp-content\/uploads\/2020\/10\/logo.gif","contentUrl":"http:\/\/www.ezilon.com\/topics\/wp-content\/uploads\/2020\/10\/logo.gif","width":151,"height":63,"caption":"Ezilon Blogs"},"image":{"@id":"https:\/\/www.ezilon.com\/topics\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/twitter.com\/ezilon","https:\/\/www.instagram.com\/ezilonusa","https:\/\/www.pinterest.com\/ezilon\/"]},{"@type":"Person","@id":"https:\/\/www.ezilon.com\/topics\/#\/schema\/person\/60676536a63b36956a20bdb2f9d2ed86","name":"Raymond Mills","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.ezilon.com\/topics\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ee9ef8d4583bed13ba68d2fa503c47d9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ee9ef8d4583bed13ba68d2fa503c47d9?s=96&d=mm&r=g","caption":"Raymond Mills"},"url":"https:\/\/www.ezilon.com\/topics\/author\/raymond\/"}]}},"_links":{"self":[{"href":"https:\/\/www.ezilon.com\/topics\/wp-json\/wp\/v2\/posts\/1835"}],"collection":[{"href":"https:\/\/www.ezilon.com\/topics\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ezilon.com\/topics\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ezilon.com\/topics\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ezilon.com\/topics\/wp-json\/wp\/v2\/comments?post=1835"}],"version-history":[{"count":0,"href":"https:\/\/www.ezilon.com\/topics\/wp-json\/wp\/v2\/posts\/1835\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ezilon.com\/topics\/wp-json\/wp\/v2\/media\/9051"}],"wp:attachment":[{"href":"https:\/\/www.ezilon.com\/topics\/wp-json\/wp\/v2\/media?parent=1835"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ezilon.com\/topics\/wp-json\/wp\/v2\/categories?post=1835"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ezilon.com\/topics\/wp-json\/wp\/v2\/tags?post=1835"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}