{"id":37954,"date":"2017-09-08T21:01:02","date_gmt":"2017-09-08T13:01:02","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=37954"},"modified":"2017-11-26T01:50:50","modified_gmt":"2017-11-25T17:50:50","slug":"pantone-hex-colors-webapp","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/pantone-hex-colors-webapp\/","title":{"rendered":"Find Pantone Color Hex Codes with This Free App"},"content":{"rendered":"<p>The <strong><a rel=\"nofollow\" target=\"_blank\" href=\"https:\/\/en.wikipedia.org\/wiki\/Pantone\">Pantone<\/a> color matching system<\/strong> defines specific values for colors made by Pantone. These colors are mostly used for <strong>physical decorating<\/strong> and <strong>print matching<\/strong> but they can work just as well <strong>digitally<\/strong>.<\/p>\n<p>Still, it\u2019s a tough job <strong>matching the exact hex code<\/strong> for each Pantone color. And, thanks to <a rel=\"nofollow\" target=\"_blank\" href=\"https:\/\/margaret2.github.io\/pantone-colors\/\">this free web app<\/a> you can <strong>find hex codes<\/strong> at the click of a button.<\/p>\n<p class=\"note\"><strong>Read Also:<\/strong> <a href=\"https:\/\/www.hongkiat.com\/blog\/basics-behind-color-theory-for-web-designer\/\">Basics Behind Color Theory for Web Designer<\/a><\/p>\n<p>This free tool is absolutely massive listing the <strong>whole 2,300+ Pantone color library<\/strong> in one place. They\u2019re <strong>organized by hue<\/strong>, so you can browse to find what you\u2019re looking for, then click to copy the hex code automatically.<\/p>\n<figure><a rel=\"nofollow\" target=\"_blank\" href=\"https:\/\/margaret2.github.io\/pantone-colors\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/pantone-hex-colors-webapp\/01-pantone-colors-webapp-picker.jpg\" alt=\"Pantone colors web app\" width=\"985\" height=\"622\"><\/a><\/figure>\n<p>You can also <span class=\"key\">CTRL<\/span>+<span class=\"key\">F<\/span> to <strong>search by name<\/strong> for whatever color you need.<\/p>\n<p>As you can imagine, the page is very long and filled with a ton of color options. This tool isn\u2019t great as a <a href=\"https:\/\/www.hongkiat.com\/blog\/eyedroppers-color-pickers-for-designers\/\">color picker<\/a> since it\u2019s <strong>not meant to organize colors into schemes<\/strong>.<\/p>\n<p>However, once you already know what colors you\u2019re using, this can help you match certain colors to Pantone names, or select Pantone colors and get them working digitally.<\/p>\n<p>The entire web app is free and open-sourced <strong><a rel=\"nofollow\" target=\"_blank\" href=\"https:\/\/github.com\/Margaret2\/pantone-colors\">on GitHub<\/a><\/strong> if you wanna take a look.<\/p>\n<p>Note that Pantone\u2019s library can change since they have a few different styles now, and most of these are geared towards printing or painting. But, this web app <strong>considers all the major Pantone shades<\/strong>, so it\u2019s one of the more complete collections you\u2019ll find.<\/p>\n<p>This app specifically pulls colors from the Fashion, Home + Interiors collection (TCX\/TPG). All of this info is <strong>available on the Pantone website<\/strong> but why not save time and use this web app instead?<\/p>\n<figure><a rel=\"nofollow\" target=\"_blank\" href=\"https:\/\/margaret2.github.io\/pantone-colors\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/pantone-hex-colors-webapp\/02-pantone-picker-webapp.jpg\" alt=\"Pantone web app\" width=\"815\" height=\"487\"><\/a><\/figure>\n<p>If you\u2019re moving from a print product to a digital screen this Pantone color picker will prove incredibly valuable.<\/p>\n<p>You can even download the source code directly and <strong>host a copy<\/strong> on your <a href=\"https:\/\/www.hongkiat.com\/blog\/access-localhost-public-address\/\">own server<\/a>, or <strong>keep one local<\/strong> on your computer. Handy for those rare times when you don\u2019t have Internet access!<\/p>\n<p>And, if you have any questions or suggestions you could always message the creator on her Twitter account <a rel=\"nofollow\" target=\"_blank\" href=\"https:\/\/twitter.com\/23_jumi\">@23_jumi<\/a>.<\/p>\n<p class=\"note\"><strong>Read Also:<\/strong> <a href=\"https:\/\/www.hongkiat.com\/blog\/best-color-tools-for-web-designers\/\">Best Color Tools For Web Designers<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>The Pantone color matching system defines specific values for colors made by Pantone. These colors are mostly used for physical decorating and print matching but they can work just as well digitally. Still, it\u2019s a tough job matching the exact hex code for each Pantone color. And, thanks to this free web app you can&hellip;<\/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":[510],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Find Pantone Color Hex Codes with This Free App<\/title>\n<meta name=\"description\" content=\"The Pantone color matching system defines specific values for colors made by Pantone. These colors are mostly used for physical decorating and print\" \/>\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\/pantone-hex-colors-webapp\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Find Pantone Color Hex Codes with This Free App\" \/>\n<meta property=\"og:description\" content=\"The Pantone color matching system defines specific values for colors made by Pantone. These colors are mostly used for physical decorating and print\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/pantone-hex-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=\"2017-09-08T13:01:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-11-25T17:50:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/pantone-hex-colors-webapp\/01-pantone-colors-webapp-picker.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\\\/pantone-hex-colors-webapp\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/pantone-hex-colors-webapp\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"Find Pantone Color Hex Codes with This Free App\",\"datePublished\":\"2017-09-08T13:01:02+00:00\",\"dateModified\":\"2017-11-25T17:50:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/pantone-hex-colors-webapp\\\/\"},\"wordCount\":380,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/pantone-hex-colors-webapp\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/pantone-hex-colors-webapp\\\/01-pantone-colors-webapp-picker.jpg\",\"keywords\":[\"Web Designers\"],\"articleSection\":[\"Toolkit\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/pantone-hex-colors-webapp\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/pantone-hex-colors-webapp\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/pantone-hex-colors-webapp\\\/\",\"name\":\"Find Pantone Color Hex Codes with This Free App\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/pantone-hex-colors-webapp\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/pantone-hex-colors-webapp\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/pantone-hex-colors-webapp\\\/01-pantone-colors-webapp-picker.jpg\",\"datePublished\":\"2017-09-08T13:01:02+00:00\",\"dateModified\":\"2017-11-25T17:50:50+00:00\",\"description\":\"The Pantone color matching system defines specific values for colors made by Pantone. These colors are mostly used for physical decorating and print\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/pantone-hex-colors-webapp\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/pantone-hex-colors-webapp\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/pantone-hex-colors-webapp\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/pantone-hex-colors-webapp\\\/01-pantone-colors-webapp-picker.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/pantone-hex-colors-webapp\\\/01-pantone-colors-webapp-picker.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/pantone-hex-colors-webapp\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Find Pantone Color Hex Codes with This Free App\"}]},{\"@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":"Find Pantone Color Hex Codes with This Free App","description":"The Pantone color matching system defines specific values for colors made by Pantone. These colors are mostly used for physical decorating and print","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\/pantone-hex-colors-webapp\/","og_locale":"en_US","og_type":"article","og_title":"Find Pantone Color Hex Codes with This Free App","og_description":"The Pantone color matching system defines specific values for colors made by Pantone. These colors are mostly used for physical decorating and print","og_url":"https:\/\/www.hongkiat.com\/blog\/pantone-hex-colors-webapp\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2017-09-08T13:01:02+00:00","article_modified_time":"2017-11-25T17:50:50+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/pantone-hex-colors-webapp\/01-pantone-colors-webapp-picker.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\/pantone-hex-colors-webapp\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/pantone-hex-colors-webapp\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"Find Pantone Color Hex Codes with This Free App","datePublished":"2017-09-08T13:01:02+00:00","dateModified":"2017-11-25T17:50:50+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/pantone-hex-colors-webapp\/"},"wordCount":380,"commentCount":0,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/pantone-hex-colors-webapp\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/pantone-hex-colors-webapp\/01-pantone-colors-webapp-picker.jpg","keywords":["Web Designers"],"articleSection":["Toolkit"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/pantone-hex-colors-webapp\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/pantone-hex-colors-webapp\/","url":"https:\/\/www.hongkiat.com\/blog\/pantone-hex-colors-webapp\/","name":"Find Pantone Color Hex Codes with This Free App","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/pantone-hex-colors-webapp\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/pantone-hex-colors-webapp\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/pantone-hex-colors-webapp\/01-pantone-colors-webapp-picker.jpg","datePublished":"2017-09-08T13:01:02+00:00","dateModified":"2017-11-25T17:50:50+00:00","description":"The Pantone color matching system defines specific values for colors made by Pantone. These colors are mostly used for physical decorating and print","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/pantone-hex-colors-webapp\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/pantone-hex-colors-webapp\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/pantone-hex-colors-webapp\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/pantone-hex-colors-webapp\/01-pantone-colors-webapp-picker.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/pantone-hex-colors-webapp\/01-pantone-colors-webapp-picker.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/pantone-hex-colors-webapp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Find Pantone Color Hex Codes with This Free App"}]},{"@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-9Sa","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/37954","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=37954"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/37954\/revisions"}],"predecessor-version":[{"id":42052,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/37954\/revisions\/42052"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=37954"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=37954"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=37954"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=37954"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}