1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. The forum has been upgraded to a more recent and user-friendly software, called "XenForo".
    It will take some time to get everything set up and running smoothly, so please report any bug you may find to the forum staff.
    Thank you for your patience.

How to find the hex code for any color using MS Paint

Discussion in 'Graphics and Art Tutorials' started by gawjus1234, Jul 18, 2008.

  1. gawjus1234

    gawjus1234 Member

    Joined:
    May 22, 2007
    Messages:
    518
    Likes Received:
    3
    Location:
    Las Vegas
    This tutorial uses MS Paint. Not Photoshop :)

    I used to use this when i was into coding layouts and what not. if you want to use a specific color, say from a picture or something, this is an easy way to do that.

    First of all find a picture with the color you like in it. I will use a signature i made for someone.
    [​IMG]

    ok lets say i wanted the exact color of the frog's belly. somewhere in the red shape thing.
    [​IMG]

    Now using the color picker
    [​IMG]
    click on the part of the picture that has the color you want the hex code for.

    now go to Colors-->Edit colors.
    once there hit "Define Custom Colors >>"

    you will need these numbers. here are mine
    [​IMG]

    Now using this hexidecimal converter http://www.tonymarston.net/php-mysql/converter.php take the number from the box labeled "red" in the custom colors box in paint. put that number into the decimal input box and click DEC to HEX.

    Write the numbers/letters it gives you down.
    do the same with the green number and the blue number.

    now to get the hex code put the numbers together in this format.
    Red NumberGreen NumberBlue Number

    In my example the i get the following values:
    Red: F2
    Green: F3
    Blue: 59

    so the hex code for the color of that frog's belly is
    #F2F359

    And here it is. you may need to highlight the yellow to read it but that is the right color :yup:

    and here is a color form the frog's skin

    Now if you want to use that color for a font, or a background color, or a color in a guild color theme; you have the hex code.

    I hope this helped. let me know if there is anything i should change.
     
    Carletto likes this.
  2. Carletto

    Carletto New Member

    Joined:
    Jun 12, 2008
    Messages:
    358
    Likes Received:
    11
    Re: How to find the hex code for any color.

    Thanks for the tip :)

    Giving you rep ^^
     
  3. gawjus1234

    gawjus1234 Member

    Joined:
    May 22, 2007
    Messages:
    518
    Likes Received:
    3
    Location:
    Las Vegas
    Re: How to find the hex code for any color.

    no problem. thanx for the rep :p
     
  4. Cacklenub

    Cacklenub New Member

    Joined:
    May 10, 2008
    Messages:
    1,345
    Likes Received:
    58
    Re: How to find the hex code for any color.

    I just use GetColor!(download here) whenever I need to find a hex code for an avatar or layout...lot easier, all you do is drag the mouse over the color you want and it gets the RGB Hex, RGB Dec, & RGB HTML(what we need for layouts and fonts).


    But when I did use the ms paint way, when I converted I used Draac.com. But either way it all gets the same code. :p
     
  5. gawjus1234

    gawjus1234 Member

    Joined:
    May 22, 2007
    Messages:
    518
    Likes Received:
    3
    Location:
    Las Vegas
    Re: How to find the hex code for any color.

    well i guess that works too. what ever. this is just the way i have always done it.
     
  6. nooblet

    nooblet New Member

    Joined:
    Mar 24, 2008
    Messages:
    60
    Likes Received:
    0
    Re: How to find the hex code for any color.

    i also use getcolor. quick and easy. :)
     
  7. gawjus1234

    gawjus1234 Member

    Joined:
    May 22, 2007
    Messages:
    518
    Likes Received:
    3
    Location:
    Las Vegas
    Re: How to find the hex code for any color.

    well this is how to get it using paint.
     
  8. Zer0

    Zer0 New Member

    Joined:
    Mar 2, 2008
    Messages:
    3,037
    Likes Received:
    180
    Location:
    Home sweet home
    Here's another method for getting hex codes on the internet for Firefox users:

    Download ColorZilla: https://addons.mozilla.org/en-US/firefox/addon/271
    Install ColorZilla
    Use the eyedropper feature (bottom-left corner of your browser) to select a color. The hex-code should be displayed on your status.

    The great thing about ColorZilla is that you can also immediately use the selected color in an imaging program.
     
  9. gawjus1234

    gawjus1234 Member

    Joined:
    May 22, 2007
    Messages:
    518
    Likes Received:
    3
    Location:
    Las Vegas
    oh that is cool. i never knew about that. i might give that a try.
     
  10. prancer0741

    prancer0741 New Member

    Joined:
    May 12, 2010
    Messages:
    2
    Likes Received:
    1
    >:) it didn't work for me >:)

    MOD EDIT: Please don't spam. Thanks.
     
  11. planet

    planet New Member

    Joined:
    Nov 27, 2012
    Messages:
    1
    Likes Received:
    0
    hi,

    from the previous post it helped me to find the hex code for color (Red=10 Green=147 Blue=201) and hex code =a93c9.
    In the html page i added this code with color a93c9

    <h4><span style="color:#a93c9">INDIA </span></h4>

    but m getting it in black color .. color is not changing . please help me.
     
  12. assasin

    assasin Member

    Joined:
    Nov 24, 2007
    Messages:
    835
    Likes Received:
    0
    I think you are missing a 0 before a93c9. The line should be

    <h4><span style="color:#0a93c9">INDIA </span></h4>

    You cant omit 0's with color values.
     

Share This Page