How to match colors for your app Print

  • 193

If you have an image or logo that you want to match the colors of in your app, you can find the color's hexadecimal (hex) code by using this great site: http://imagecolorpicker.com/

Color Picker

There are three ways you can get an image into the site to pick a color.
  1. Click the "Upload your image" button to upload an image file from your computer.
  2. Insert the URL for a picture from a website. Find this code by navigating to the website, then right-click the image you want. Click on "Copy image location," and then paste that code into the second box. It needs to end with either .jpg, .png, or .gif.
  3. Enter in any website in the third box, and it will bring up a picture of that website.
Once you have your desired image in the box on the right, click any spot on the image, and the website will bring up the color of that spot on the bottom left. It will give you an HTML code that is a # followed by six digits. This is the code you need to copy and paste (including the #) to put into your app's Appearance module. For example, the hex code for the red color in the image above is #E5193C.

Was this answer helpful?

« Back