Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Colors on monitors issue

Featured Replies

Hello all!

 

I am working on a furniture ecommerce site and someone pointed out an issue that I wish to ask you guys for a solution on.

 

The store will be selling sofas and they come in 100's of colors.

 

The issues is that on each monitor the colors can look different from what they are in real life, so someone might buy a sofa and be disappointed when they receive it IRL, especially if its a princely one.

 

Now I am sure there are ways this can be fixed.. are there any software that fixes this? Any solutions to bring CSS colors to real life?

even on a high quality calibrated monitor the colours aren't really going to look like the real thing - they might be close but the sofa in real life is reflecting light whereas the image on the monitor will be transmitting it, and through glass or similar screen coating. also thinking how about a lot of monitors are set up (i.e. badly ) with high contrast and saturated colours then you're off to a bad start. all you can really do without phsyical swatch samples or a display room is to provide the best photos possible- well lit and colour corrected, and then let users know that obviously on-screen representations of colours are only a guide

Yes - what dap said :)

 

You can buy a good monitor yourself and there are things you can use to calibrate it, but you have no control over how the visitors to the site will have calibrated (or most likely not) their own screens.

 

Whoever takes and processes the photos can use various solutions (e.g. grey card, color checker passport) to try to get the colour right in the first place.

  • 3 weeks later...

You can do one thing if you are building a website. Add the high quality pics of your products and use the zoom plugin when the user drag the cursor at the product image so it can be seen in full size and customer can take a deep look on its every side.

This would be a good idea and you can see the same thing on every e-commerce store.

 

Thanks

You can do one thing if you are building a website. Add the high quality pics of your products and use the zoom plugin when the user drag the cursor at the product image so it can be seen in full size and customer can take a deep look on its every side.

This would be a good idea and you can see the same thing on every e-commerce store.

 

Thanks

which has nothing to do with the OP's problem ;)

even on a high quality calibrated monitor the colours aren't really going to look like the real thing - they might be close but the sofa in real life is reflecting light whereas the image on the monitor will be transmitting it, and through glass or similar screen coating. also thinking how about a lot of monitors are set up (i.e. badly ) with high contrast and saturated colours then you're off to a bad start. all you can really do without phsyical swatch samples or a display room is to provide the best photos possible- well lit and colour corrected, and then let users know that obviously on-screen representations of colours are only a guide

++1

Disclamer: Please Note: Colours of products displayed on this website are 'indicative only'. Please contact our showroom to obtain a sample swatch.....etc.

 

Make sure it's shown in a prominent position to ensure there are no misconceptions.

 

Steve.

Edited by stixstudios

++1

Disclamer: Please Note: Colours of products displayed on this website are 'indicative only'. Please contact our showroom to obtain a sample swatch.....etc.

 

Make sure it's shown in a prominent position to ensure there are no misconceptions.

 

Steve.

 

 

I would add a 'may be being distorted by your devices and their settings', just to imply the visitor is responsible for their own misconceptions and misgivings without actually saying so :)

Ok, what about this:

 

Please Note: Whilst every effort has been made to ensure colour accuracy, it should be noted that colours may vary significantly depending on your viewing device and settings. Therefore the colours of products displayed on this website are 'indicative only'. Please contact our showroom to obtain a sample swatch.....etc.

Or this alternate version:

Please Note: Colours may vary significantly depending on your monitor settings. If you don't comprehend this concept, then I'm surprised that you are gainfully employed, and as such, have enough disposable income to purchase some of the lovely furniture on this website!

.....ummm..... "Mummy, Mummy, why doesn't my boss want me in sales?" :)

Edited by stixstudios

  • 5 months later...

"even on a high quality calibrated monitor the colours aren't really going to look like the real thing" i agree with this, several years ago Im working at leather paintings handicraft. I designing their several products, I had to print again, and again, and again, to get correct colors. But then, I had an idea, I use color table which contain html color code list, I save the list to my desktop and i print it twice, I keep one and give the other to our painter.

How di i implement :
1. Design my product to whatever color I need with photoshop
2. Attaching my printed color table to my monitor, and quote the colors code matched with my printed table
3. Print the product black and white, (the scetch only)
4. Inform my painter all the colors code that will be used on the product based on the colors table that we both has.

Done.

Hope my experience help you

Edited by sipembuatweb

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.