1

Can anyone explain how to get gradient color value from the image in terms of HTML

Shubham Jaiswal
  • 108
  • 1
  • 9
  • 2
    please elaborate more about your question. What exactly you want. Please mention scenario or code snippet etc – Ambuj Khanna Sep 07 '18 at 05:51
  • I have this image: http://prntscr.com/krknez and I want its gradient color value in html how can I get??? – Shubham Jaiswal Sep 07 '18 at 05:53
  • you need to pick color manually and then only you can use in HTML/CSS. Here is snippet for your color. background-image: linear-gradient(to right, #F46E49, #fff);} – Ambuj Khanna Sep 07 '18 at 06:07
  • you can install ColorZilla addon/extension in your chrome browser and then you can easily grab any color code from any image in the world. – Ambuj Khanna Sep 07 '18 at 06:08

3 Answers3

0

If you want to pick colour from any image. You have to use colour piker tools like photoshop, Gimp, Krita any other browsers extensions are also available. Right now you have shared an image, In this image two background colours are available first white (#ffffff), Second Orange (#f86c53). try this code for gradient:- background: linear-gradient(to right, #f86c53 0%, #fff 80%);

Rajat Pensia
  • 1
  • 1
0

You can achieve this by using the "Eyedropper" tool which you can add to your browser.

EyeDropper

And after adding to the browser, what you need to do is, go the site where you want the color or colors in the image and use this eye dropper to get that colors and add them to your css.

background-image: linear-gradient(to right, #f77b5f , white);

and also you can check for usage of gradients here Linear gradients

Sandeep Bhaskar
  • 300
  • 2
  • 12
0

you need to pick color manually and then only you can use in HTML/CSS.

Here is snippet for your color. 

background-image: linear-gradient(to right, #F46E49, #fff);
Ambuj Khanna
  • 1,131
  • 3
  • 12
  • 32