{"id":43014,"date":"2018-01-30T18:01:44","date_gmt":"2018-01-30T10:01:44","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=43014"},"modified":"2018-01-30T16:22:50","modified_gmt":"2018-01-30T08:22:50","slug":"colorhexa-colors-webapp","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/colorhexa-colors-webapp\/","title":{"rendered":"ColorHexa is Your Ultimate Color Encyclopedia"},"content":{"rendered":"

Color is one of the most important features of any interface. Picking a great color scheme<\/a><\/strong> is tough but as you work with colors more you\u2019ll pick up some best practices.<\/p>\n

The ColorHexa<\/a> web app<\/strong> has to be the most useful tool for color choice. It\u2019s not a scheme generator or a color picker, but rather a massive informational resource<\/strong> on color made for both designers & developers.<\/p>\n

\"ColorHexa<\/a><\/figure>\n

Read Also:<\/strong> Best Color Tools For Web Designers<\/a><\/p>\n

You start by entering any color format into the search box<\/strong>. This could be a hex value, RGB, CMYK, HSL or even the name of a color. Pretty much every format is supported.<\/p>\n

When you start typing, the search field auto-populates with suggestions<\/strong>. This is one of the coolest features I\u2019ve seen in a color app and definitely helps ColorHexa stand out from the crowd.<\/p>\n

On the color information page, you\u2019ll find live demos of the color<\/strong>, matching color schemes<\/strong>, and even some color alternatives<\/strong> you might try.<\/p>\n

There\u2019s also a huge conversion area with the raw codes<\/strong> for converting your color into other formats<\/strong>. Many of these formats I\u2019ve never even heard of<\/a> and had to Google them to learn more.<\/p>\n

I mentioned how this isn\u2019t a color scheme app but you will find a few scheme suggestions on each color info page<\/strong>. These aren\u2019t the best choices you could pick but they offer a nice starting point.<\/p>\n

The true beauty of ColorHexa is that each designer will use the tool for different reasons<\/strong>. Picking colors for a website<\/a> feels much different than converting a CMYK color into a digital format.<\/p>\n

You might also dig into the sections covering various shades, tints<\/strong>, or the color blindness tool<\/strong> showing how the color might look for users with vision impairments<\/a>.<\/p>\n

\"Examples<\/a><\/figure>\n

I cannot remember the last time I found a color app with this many features. ColorHexa is by far one of the best resources for learning more about colors<\/strong> and how to match them<\/strong>.<\/p>\n

Visit the homepage<\/a> and give it a try! Or, you can dig into their related tools & resource pages<\/strong> on topics such as web-safe colors<\/a><\/strong> and color gradients<\/a><\/strong>.<\/p>\n

Read Also:<\/strong> Colors.css Offers New Defaults for Colors on The Web<\/a><\/p>","protected":false},"excerpt":{"rendered":"

Color is one of the most important features of any interface. Picking a great color scheme is tough but as you work with colors more you\u2019ll pick up some best practices. The ColorHexa web app has to be the most useful tool for color choice. It\u2019s not a scheme generator or a color picker, but…<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3393],"tags":[1833],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"\nColorHexa is Your Ultimate Color Encyclopedia - Hongkiat<\/title>\n<meta name=\"description\" content=\"Color is one of the most important features of any interface. Picking a great color scheme is tough but as you work with colors more you'll pick up some\" \/>\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.hongkiat.com\/blog\/colorhexa-colors-webapp\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ColorHexa is Your Ultimate Color Encyclopedia\" \/>\n<meta property=\"og:description\" content=\"Color is one of the most important features of any interface. Picking a great color scheme is tough but as you work with colors more you'll pick up some\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/colorhexa-colors-webapp\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2018-01-30T10:01:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/colorhexa-colors-webapp\/01-colorhexa-webapp-color-tool.jpg\" \/>\n<meta name=\"author\" content=\"Jake Rocheleau\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jake Rocheleau\" \/>\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.hongkiat.com\\\/blog\\\/colorhexa-colors-webapp\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/colorhexa-colors-webapp\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"ColorHexa is Your Ultimate Color Encyclopedia\",\"datePublished\":\"2018-01-30T10:01:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/colorhexa-colors-webapp\\\/\"},\"wordCount\":375,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/colorhexa-colors-webapp\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/colorhexa-colors-webapp\\\/01-colorhexa-webapp-color-tool.jpg\",\"keywords\":[\"Color Tools\"],\"articleSection\":[\"Toolkit\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/colorhexa-colors-webapp\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/colorhexa-colors-webapp\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/colorhexa-colors-webapp\\\/\",\"name\":\"ColorHexa is Your Ultimate Color Encyclopedia - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/colorhexa-colors-webapp\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/colorhexa-colors-webapp\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/colorhexa-colors-webapp\\\/01-colorhexa-webapp-color-tool.jpg\",\"datePublished\":\"2018-01-30T10:01:44+00:00\",\"description\":\"Color is one of the most important features of any interface. Picking a great color scheme is tough but as you work with colors more you'll pick up some\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/colorhexa-colors-webapp\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/colorhexa-colors-webapp\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/colorhexa-colors-webapp\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/colorhexa-colors-webapp\\\/01-colorhexa-webapp-color-tool.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/colorhexa-colors-webapp\\\/01-colorhexa-webapp-color-tool.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/colorhexa-colors-webapp\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"ColorHexa is Your Ultimate Color Encyclopedia\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\",\"name\":\"Jake Rocheleau\",\"description\":\"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/jake\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"ColorHexa is Your Ultimate Color Encyclopedia - Hongkiat","description":"Color is one of the most important features of any interface. Picking a great color scheme is tough but as you work with colors more you'll pick up some","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.hongkiat.com\/blog\/colorhexa-colors-webapp\/","og_locale":"en_US","og_type":"article","og_title":"ColorHexa is Your Ultimate Color Encyclopedia","og_description":"Color is one of the most important features of any interface. Picking a great color scheme is tough but as you work with colors more you'll pick up some","og_url":"https:\/\/www.hongkiat.com\/blog\/colorhexa-colors-webapp\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2018-01-30T10:01:44+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/colorhexa-colors-webapp\/01-colorhexa-webapp-color-tool.jpg","type":"","width":"","height":""}],"author":"Jake Rocheleau","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Jake Rocheleau","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/colorhexa-colors-webapp\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/colorhexa-colors-webapp\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"ColorHexa is Your Ultimate Color Encyclopedia","datePublished":"2018-01-30T10:01:44+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/colorhexa-colors-webapp\/"},"wordCount":375,"commentCount":0,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/colorhexa-colors-webapp\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/colorhexa-colors-webapp\/01-colorhexa-webapp-color-tool.jpg","keywords":["Color Tools"],"articleSection":["Toolkit"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/colorhexa-colors-webapp\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/colorhexa-colors-webapp\/","url":"https:\/\/www.hongkiat.com\/blog\/colorhexa-colors-webapp\/","name":"ColorHexa is Your Ultimate Color Encyclopedia - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/colorhexa-colors-webapp\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/colorhexa-colors-webapp\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/colorhexa-colors-webapp\/01-colorhexa-webapp-color-tool.jpg","datePublished":"2018-01-30T10:01:44+00:00","description":"Color is one of the most important features of any interface. Picking a great color scheme is tough but as you work with colors more you'll pick up some","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/colorhexa-colors-webapp\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/colorhexa-colors-webapp\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/colorhexa-colors-webapp\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/colorhexa-colors-webapp\/01-colorhexa-webapp-color-tool.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/colorhexa-colors-webapp\/01-colorhexa-webapp-color-tool.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/colorhexa-colors-webapp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"ColorHexa is Your Ultimate Color Encyclopedia"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a","name":"Jake Rocheleau","description":"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers","sameAs":["https:\/\/www.hongkiat.com"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/jake\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-bbM","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/43014","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=43014"}],"version-history":[{"count":1,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/43014\/revisions"}],"predecessor-version":[{"id":43015,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/43014\/revisions\/43015"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=43014"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=43014"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=43014"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=43014"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}