Mad Mimi

Nurse Mimi is here to help!

“Simple and Beautiful email marketing” — Mashable

  • How can I copy the color scheme from my website? (For Mac users)

    PC user? Read our how-to guide for PCs!

    To Copy Colors From Your Website:

    To start, you’ll need a program that can tell you the exact names (hex codes) of the colors that you have on your website. For Macintosh, there is a built in feature called the DigitalColor Meter.

    *If you have OS X 10.6.6 + and DigitalColor Meter doesn’t work, you might need an app instead. One great choice is Sip: http://theolabrothers.com/sip/ You’ll find a quick guide on the main page :)

    To find and use DigitalColor Meter:

                   1. Open your applications folder and scroll down till you find the utilities folder. The utilities folder is where you’ll find DigitalColor Meter.

                   2. Next, set the drop down menu to “RGB as Hex Value, 8 bit”. Make the “Aperture Size” the smallest it can go. Then simply hover the mouse over the color.

                   3. Type in Shift+Command+C to copy the color and then paste (Command+V) into a text file to see the color as a hex code. For extra commands, see this link.

    copy colors from website, color meter

                   4. Once you’ve added all of the main colors on your website, you’re ready to create your new custom theme. :-)  Click on the “Edit” link next to one of your promotions in the promotions tab, click on the themes tab, and then select create theme. Enter the name you’d like your theme to have and press ok:

    copy colors from website, finding your email theme

                   5. Click on the text type or color area you want to change. For this example, I clicked on “Heading”. Go back to your color picker program, and copy the 6-digit hex code of the color you want. Click on the 6 digit number shown in the image below, and paste the new number in. Then click ok.

    copy colors from website, hex codes here
                   6. Ta Da! The headings are now pink. For the rest of the colors you recorded, rinse and repeat.
    click to repeat

    Don’t forget to hit “Okay I’m Done” when you’re finished!

    don't forget to save

    Remember, you can select this new theme for future promotions, since it will be stored in your themes tab on the right.

    Related Topics:

    More on Creating A Custom Theme
    How Do I Change the Size and Font Styles?
    How Do I Add Images?
    How Do I Edit My Content?

    2 thoughts on “How can I copy the color scheme from my website? (For Mac users)

    1. How can I copy the color scheme from my website? (For PC users) | Mad Mimi Help

      […] If you have a Macintosh, look here. […]

    2. HTML Tricks and Tips | Mad Mimi Help

      […] You can find a list of codes here, or grab the exact code for a color on your website by using a color picker – For a PC or for a Mac. […]

    Leave a Reply