Colors must be within a specific range to be browser safe.
Based on the sample provided in the reader's post, the above graphic shows what the two samples looked like in a screen capture. Photoshop identified those colors as: #463136 the desired color, and #392725 the "shifted" color, which is supposed to match #463136
Browser testing: Below the graphic, you see two boxes.
These are generated by CSS using the indicated color codes for the background
These are rendered by your browser.
Already, we can see a shift in the colors when compared to each other, and the Photoshop rendered screen capture.
In order to continue with the exercise, we need the reader's hex codes.
However, some time ago, the Design Center's "Mr. Pixelsmith" talked about a utility called the "Color Converter. If you go to
The Site-Point Color Converter, and input these two colors, the results will be a HEX error:
The warning symbol shows when there is a difference
between the chosen colour and the base output colour.
It is important to note that RGB has a far greater range
of colours than the pigment based RYB colour wheel.
The tool will actually choose the closest match as an RGB section as well as a new HEX code. Just click on the little warning icon.
When you arrive at a specific code that is RGB correct, HEX correct, and keyed into Photoshop's Color Palette, you should get a color that matches the graphic to the browser-rendered background code.
Reader Browser Testing: For browser comparison purposes, we invite readers to capture a 1-inch (72 x 72 pixel) sample of the TWO SITES referenced at the Photoshop 911 Forum, and send it to us for display on this page.
* Be sure to include the browser and version you're using to view the web site.
* Sample image #1 (called "GOOD")
* Sample image #2, (called "BAD") and
* Sample the site they're supposed to match
(Click the various icons to see which ones use the "filler" color)
CONTACT US for specific instructions on how to send in your screen captures.
For ongoing original content about Photoshop, painting, color and image retouching visit DTG Magazine's Photoshop Content areas at: www.Graphic-Design.com/Photoshop
Use the SUBMIT BUTTON to enter your favorite Photoshop resource or tutorials site. It will be added to the Photoshop 911 directory database for caller referrals, as well as the Photoshop911 Blog.
Understand that a volunteer will visit, and validate the link. Please do NOT add front pages or empty content pages like lists of tutorials or other links. Please add ONLY one resource per submission, and make sure the link goes directly to the referenced resource. Let us know if you wish to be a Photoshop 911 volunteer
Please REGISTER YOUR SERVICES with Photoshop 911 so you can be called upon when emergencies require a professional in the field who is available to take on new clients. Once you register you will be contacted for particulars. Please be patient, there's already a long list.
from the Editor:
I was delighted that day back in 1989 when Peggy Killburn called to ask if I could handle one more speaker in my "Great Graphics Tips & Tricks" session scheduled for the 1990 Macworld Expo. "Yes" was my response to her request to add Russell Brown to my panel. After all, we loved Adobe's young "Illustrator" program, and were quite anxious to try out their upcoming new product called "Photoshop." After seeing his demo, I was convinced Photoshop would be big. So the next month we added "Photoshop Tips & Tricks" to our regular DTG Magazine uploads to Compuserve, GEnie and AOL. The rest is history.
I only regret that I didn't trademark the name.
Editor / Publisher: Photoshop Tips & Tricks, DTG Magazine.