convert RGB with Opacity to Html (hex) color?

Posted on 2006-05-17
Last Modified: 2013-12-25
An RGB color with 50% Opacity in Illustrator.
How can you convert/translate that to an html color (like #000000 format).

Its simple to translate an RGB but how do you translate the opacity too?

thank you.
Question by:mtnr
    LVL 26

    Accepted Solution

    A very easy way is to export the illustration as a TIFF (a GIF might distort your colors, and a JPG might bring in stray colors)
    Then use your favorite paint program (such as PhotoShop or Microsoft Paint) and measure the color.

    (if you use Microsoft Paint, use the eyedropper tool to sample the color, then go to Colors/Edit Colors/Define Custom Colors and read the RBG value)

    Then you can go back into Illustrator and use those RBG values to get close to the color you want. I say close, because Illustrator 10 still didn't have the kinks worked out on its color conversion and sometimes shifted the colors when exporting to bitmapped images. (Some claim that CS2 still doesn't have the kinks worked out either)

    Anyway, it is quick and relatively painless and you may luck out and get just the exact shade that you're looking for.

    Author Comment

    hey that's great! thank you!!

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Training Course: Android App Development

    This course will involve creating widgets, customize list view, grid view, spinners, etc. Creating applications using audio, video, and SQLite database. Ending with publication on Google Play.

    When pages do not download correctly, and you don't know why, the first thing you do is to look at the HTML source code of that page, but not all the downloaded files appear always clearly. If your source includes a javascript that computes the name…
    Read about why website design really matters in today's demanding market.
    This tutorial demonstrates how to identify and create boundary or building outlines in Google Maps. In this example, I outline the boundaries of an enclosed skatepark within a community park.  Login to your Google Account, then  Google for "Google M…
    The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.

    737 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    19 Experts available now in Live!

    Get 1:1 Help Now