Quickest way to find hex color in Safari?

Discussion in 'Design and Graphics' started by badlydrawnboy, Dec 6, 2010.

  1. badlydrawnboy macrumors 6502a

    Joined:
    Oct 20, 2003
    #1
    I frequently find myself wanting to be able to sample a color on a web page, in Safari, and find out what hex value it is. Is there a little application or extension that would allow me to do this?
     
  2. telecomm macrumors 65816

    telecomm

    Joined:
    Nov 30, 2003
    Location:
    Rome
    #2
    Applications>Utilities>DigitalColor Meter
     
  3. badlydrawnboy thread starter macrumors 6502a

    Joined:
    Oct 20, 2003
    #3
    That gives me RGB values, but not a 6-digit web-safe Hex value, which is what I'm looking for.
     
  4. telecomm macrumors 65816

    telecomm

    Joined:
    Nov 30, 2003
    Location:
    Rome
    #4
    The grey band in the advertisement in the bottom right corner of this image is F0EEE8...
     

    Attached Files:

  5. badlydrawnboy thread starter macrumors 6502a

    Joined:
    Oct 20, 2003
    #5
    Ah, I see. Thanks a lot! This will save me a lot of time.
     
  6. telecomm macrumors 65816

    telecomm

    Joined:
    Nov 30, 2003
    Location:
    Rome
    #6
    No problem. Enjoy! (I was pretty pleased when I found this little app too.)
     
  7. HomeBru Studios macrumors member

    HomeBru Studios

    Joined:
    Jun 4, 2008
    #7
    I use Safari's developer menu, so I just right click on the page component I want to investigate, select "Inspect Element" from the context menu, then look in the developer panel's "Computed Style" for the color/background-color. You can also choose to view color values as Hex, RGB or HSL.
     
  8. Padaung macrumors 6502

    Padaung

    Joined:
    Jan 22, 2007
    Location:
    UK
    #8
    This thread has just helped me too, thank you!!!
     
  9. DaniSpringer.com macrumors newbie

    DaniSpringer.com

    Joined:
    Jul 7, 2016
    #9
    Where? I don't see any such option.
     
  10. campyguy macrumors 68020

    Joined:
    Mar 21, 2014
    Location:
    Portland / Seattle
    #10
    The option was there, pretty much in plain sight, some 7 OS X versions ago or so in 2010 at the previous post...

    If you're using a more-recent OS X version, the current app version's display options are in the View Menu, under "Display Options" and selected in the pulldown menu. It'll be maybe in a different location in 6-8 years or so...
     
  11. DaniSpringer.com macrumors newbie

    DaniSpringer.com

    Joined:
    Jul 7, 2016
    #11
    I don't understand what menus you are referring to..
     
  12. kohlson macrumors 6502a

    Joined:
    Apr 23, 2010
    #12
    In 10.11.5, in the View menu at the top of the screen, select Display Values - As Hex
     
  13. DeltaMac macrumors 603

    DeltaMac

    Joined:
    Jul 30, 2003
    Location:
    Delaware
    #13
    I can understand your confusion. The menus are in the Digital Color Meter app, from the Utilities folder.
    And, still the same in 10.12
     
  14. dwig macrumors regular

    Joined:
    Jan 4, 2015
    Location:
    Key West FL
    #14
    Hex colors are not the same thing as the antique "web safe color" concept. Web safe colors are those that display reliably in 256 color indexed color images. Hex color notation (representing the color value in an 8bpp image using hexadecimal, base-16, numbers) can represent some 16 million colors just as the decimal RGB notation can.

    +1 - I do it this way, though usually in the equivalent mode in Firefox.
     
  15. DaniSpringer.com macrumors newbie

    DaniSpringer.com

    Joined:
    Jul 7, 2016
    #15
    It seemingly displays hex value split pint three lines with some letters preceding each piece of the code. Is there a way to have in one place?
    --- Post Merged, Jul 11, 2016 ---
    here
     

    Attached Files:

  16. DeltaMac macrumors 603

    DeltaMac

    Joined:
    Jul 30, 2003
    Location:
    Delaware
    #16
    ?
    Not sure what you are asking.
    The three values are in one place, displayed together in a neat list.
     
  17. sjtidy macrumors member

    Joined:
    Oct 29, 2011
    #17
    Just ignore the 0x. Your value there is 3d5a9e.
     
  18. telecomm macrumors 65816

    telecomm

    Joined:
    Nov 30, 2003
    Location:
    Rome
    #18
    If you need to copy the hex value to use somewhere else, use the keyboard shortcut Shift+Command+C to copy the color value as text (then Command+V to paste it wherever you want—see the Color menu). It'll strip out the bits you don't need and add a leading hash tag.
     

Share This Page