Color turned on Web & Devices?

Have you ever experienced a situation that you create the design using Adobe Photoshop changes color when you upload on the Web or on your mobile device?

                                                Original condition in Adobe Photoshop

Many color change when displayed on the Web or mobile devices

How would this happen? What has gone wrong?

This problem occurs when we use CMYK mode, a color mode of choice when we wanted to create a design for printing. Normally, when we want to save the image file design we have earned, we use the Save As and choose .JPEG as the image format. However, when the file is viewed in Web or device, its color changes from the original colors as the Web or the device will only read the color in RGB mode only

How do you want to see the color of the image that has been set in CMYK mode?

Have you Save your image files using the Save for Web & Devices?

To see the same color as CMYK mode, you need to save the image file to your design by using the Save for Web / Save for Web & Devices. When you use this method, the color you select in Adobe Photoshop will be permanent and will not change when displayed on the Web, and devices. This is because the Save for Web & Devices have saved your image file in RGB mode even if you've set your project files in CMYK mode at first.

Use the Save for Web to save an image file in RGB mode even if your project file is set up in CMYK mode

As a result, the color display on the Web, and devices will be the same as in Adobe Photoshop using CMYK mode