π GRADIENT MAP
# β WHAT IS
- Adjustment Layer which binds a gradient to the values beneath it.
Using Gradient Maps to Enhance Your Colors by vampbyte - CLIP STUDIO TIPS
- Maps the tonal range of an image to the colors of a gradient fill.
https://www.bcit.cc/cms/lib04/NJ03000372/Centricity/Domain/299/p6_howto_use_gradient_maps%2018.pdf
# βοΈ PRINCIPLE
- GRADIENT MAP PART codes from here: http://jsfiddle.net/kgd28nap/
# π§ IMPLEMENTATION
- The color selector web component supports selecting a more linear color.
- Mapping the color RGB average to “color selector” results.
- Base64 encoding of images.
- Iteration processing to get the image “grayscale”.
- Obtain target RGB values by “grayscale” mapping π.
# π» CODE FOR RESEARCH
https://codesandbox.io/s/newdawn-gradient-map-research-em5pyi
https://em5pyi.csb.app
π οΌrepo http://192.168.31.233:8000/newdawn/gradient-map-research ()
# π¦ PACKAGES & DEPENDENCY
- π¦ react-linear-gradient-picker