1. TapGoods
  2. TapGoods Storefront
  3. Storefront Guides

How To: Use Hex Codes to Design Your Storefront

Articles in this section

See more

How To: Use Hex Codes to Design Your Storefront

TapGoods allows you to customize the colors that appear on your Storefront. You can change the Primary, Secondary, and Text colors that appear on each webpage. This feature allows you to create a Storefront that perfectly reflects your brand. One way to precisely create a stunning and consistent Storefront is through the use of Hex Code.

Hex Code is a special type of HTML code used to identify very specific colors. All of the colors on the page you are viewing now can be identified using a Hex Code, and every website you visit has Hex Code built into the page’s code to create an attractive looking website. Don’t fret–you don’t need to be a software developer to incorporate Hex Code into your TapGoods Storefront. It’s actually super easy.

In this article, we will provide you with some tools to find the perfect Hex Codes for your Storefront and show you how to use them in TapGoods PRO.

Tools & Resources for Hex Code

If you’re new to using Hex Code for webpage building, there are tons of resources available online that will help you find the Hex Code for the exact colors you want to use. Here are a couple easy-to-use resources that we found:

  • Color Picker Tool - Geco: This Web Extension for Google Chrome is a tool that will let you pluck the Hex Code of any color off of any webpage. Simply install this Extension to your Google Chrome and select it from the Extension Menu to pick a color off your page. 

  • ColorSpace: If you're uncertain about the color palette for your Storefront, there's a helpful website that can assist you in selecting complementary colors. Using their intuitive Color Slider, you can choose a color and instantly generate a palette of complimentary colors. 

Using Hex Codes in TapGoods PRO

Once you have located the Hex Codes you want to use, copying them and pasting them into your TapGoods PRO account is super easy. Any area of our platform that allows Color Customization is compatible with Hex Code. To use a Hex Code, follow the steps below:

  1. Click on the Color you want to change.
  2. Paste the Hex Code into the text box [Example: #0285f3].

Take Your Storefront to the Next Level!

Using Hex Code will make creating a visually stunning Storefront easier than ever. Remember, you can use these unique codes anywhere TapGoods allows Color Customization, so go crazy!

Related Articles