᠎᠎᠎          

Hsl extractor

World's simplest jpg tool
This is a simple browser-based utility that extracts HSL color channels from Joint Photographic Experts Group (JPG/JPEG) pictures. As soon as you paste a JPG/JPEG picture in the input area, the utility will extract its hue, saturation, and light channels. You can extract one or more channels at the same time and convert each individual channel to grayscale if necessary. Created by mad scientists from team Browserling.
A link to this tool, including input, options and all chained tools.
Click here to select an image from your device, press Ctrl+V to use an image from your clipboard, drag and drop a file from desktop, or load an image from any example below.
Release your mouse to import this file.
Your file is being imported...
Import from file
Save as...
Copy to clipboard
Download
Export to Pastebin
Can't convert.
An error has occured.
Chain with...
Remove chain
Save as...
Copy to clipboard
Download
Export to Pastebin
Remove no tools?
This tool cannot be chained.
Select HSL Channels
Extract "Hue" channel from
a JPG (Hue is the color itself).
Extract "Saturation" from a JPG
(Saturation is amount of color.)
Extract "Light" from a JPG.
(Light the amount of white light.)
Grayscale HSL
Show the extracted channels
as grayscale intensity.

What is a hsl extractor?

learn more about this tool
With this online program, you can extract channels of the HSL color model from JPG photos. HSL is a model in which a color is defined by three parameters: hue (H), saturation (S), and lightness (L). The HSL model is most commonly used in color pickers and applications where color is a first-class object because it allows you to specify color characteristics independently of each other that are more natural to humans. For example, the HSL model can easily brighten, darken, saturate, or desaturate a picked color. The algorithm of this tool splits the JPG picture into separate components of the HSL model and draws them as a new output image. Depending on the selected options, you can get only the hue channel in the output, or only the saturation channel, or only the lightness channel. You can choose multiple channels to extract. Additionally, you can turn the grayscale conversion option on. When it's turned on, the channels will be drawn using only gray tones, and they represent the absolute amount of hue, saturation, or lightness in each channel. Jpgabulous!

Hsl extractor examples

Click to use
Display the Hue Channel
In this example, we extract the hue channel from a JPEG picture of a relaxed cat. The hue component specifies the exact color that is used in the picture, i.e. it is red, blue, yellow, green, and all other colors. This channel doesn't show the intensity of the color and doesn't darken or lighten the pixels. As the JPEG picture is compressed and has artifacts, this channel is useful for detecting fake pictures as all artifacts and modifications will instantly stand out. (Source: Pexels.)
In this example, we extract the hue channel from a JPEG picture of a relaxed cat. The hue component specifies the exact color that is used in the picture, i.e. it is red, blue, yellow, green, and all other colors. This channel doesn't show the intensity of the color and doesn't darken or lighten the pixels. As the JPEG picture is compressed and has artifacts, this channel is useful for detecting fake pictures as all artifacts and modifications will instantly stand out. (Source: Pexels.)
In this example, we extract the hue channel from a JPEG picture of a relaxed cat. The hue component specifies the exact color that is used in the picture, i.e. it is red, blue, yellow, green, and all other colors. This channel doesn't show the intensity of the color and doesn't darken or lighten the pixels. As the JPEG picture is compressed and has artifacts, this channel is useful for detecting fake pictures as all artifacts and modifications will instantly stand out. (Source: Pexels.)
Required options
These options will be used automatically if you select this example.
Extract "Hue" channel from
a JPG (Hue is the color itself).
Extract "Saturation" from a JPG
(Saturation is amount of color.)
Extract "Light" from a JPG.
(Light the amount of white light.)
Show the extracted channels
as grayscale intensity.
Extract All Three HSL Components
In this example, we're working with an artistic JPG photo composition of various red fruit and we extract all three components of the HSL model at once. In addition to the hue value, we also display the saturation channel (gray regions indicate minimal or no color intensity and red regions indicate maximal color intensity), and the light channel (black color means there's no light and white color means there's a lot of light). (Source: Pexels.)
In this example, we're working with an artistic JPG photo composition of various red fruit and we extract all three components of the HSL model at once. In addition to the hue value, we also display the saturation channel (gray regions indicate minimal or no color intensity and red regions indicate maximal color intensity), and the light channel (black color means there's no light and white color means there's a lot of light). (Source: Pexels.)
In this example, we're working with an artistic JPG photo composition of various red fruit and we extract all three components of the HSL model at once. In addition to the hue value, we also display the saturation channel (gray regions indicate minimal or no color intensity and red regions indicate maximal color intensity), and the light channel (black color means there's no light and white color means there's a lot of light). (Source: Pexels.)
Required options
These options will be used automatically if you select this example.
Extract "Hue" channel from
a JPG (Hue is the color itself).
Extract "Saturation" from a JPG
(Saturation is amount of color.)
Extract "Light" from a JPG.
(Light the amount of white light.)
Show the extracted channels
as grayscale intensity.
Convert HSL to Grayscale
In this example, we activate an option that converts HSL to grayscale. This option displays each of the channels in gray tones and it's useful when you need to do a relative comparison of hue, saturation, and light intensities without being distracted by the color information. (Source: Pexels.)
In this example, we activate an option that converts HSL to grayscale. This option displays each of the channels in gray tones and it's useful when you need to do a relative comparison of hue, saturation, and light intensities without being distracted by the color information. (Source: Pexels.)
In this example, we activate an option that converts HSL to grayscale. This option displays each of the channels in gray tones and it's useful when you need to do a relative comparison of hue, saturation, and light intensities without being distracted by the color information. (Source: Pexels.)
Required options
These options will be used automatically if you select this example.
Extract "Hue" channel from
a JPG (Hue is the color itself).
Extract "Saturation" from a JPG
(Saturation is amount of color.)
Extract "Light" from a JPG.
(Light the amount of white light.)
Show the extracted channels
as grayscale intensity.
All jpg tools
Didn't find the tool you were looking for? Let us know what tool we are missing and we'll build it!
JPG Color Picker
Quickly find the name of any color in a JPEG picture.
Change the Quality of a JPG
Quickly change the quality of a JPEG graphic file.
Create a Transparent JPG
Quickly make any color in a JPG or JPEG transparent.
Create a Custom JPG
Quickly generate a custom JPEG of any size and color.
Resize a JPG/JPEG Picture
Quickly resize a JPG/JPEG picture to a new size.
Rotate a JPG Picture
Quickly rotate a JPEG image by any angle.
Sharpen a JPG Picture
Quickly sharpen an area in a JPEG picture.
Pixelate a JPG Picture
Quickly pixelate an area of a JPEG photo.
Blur a JPG Picture
Quickly blur an area of a JPEG photo.
Add Text to a JPG Picture
Quickly add text to a JPG/JPEG image.
Add a Border Around a JPG
Quickly add a border to a JPEG photo.
Make JPG Corners Rounded
Quickly round the corners of a JPEG image.
Generate a Random JPG
Quickly generate random JPEG images with random pixels.
Replace JPG/JPEG Colors
Quickly change colors in a JPG/JPEG photo.
Add a Color Shade to a JPG
Quickly create a JPG/JPEG with any color shade.
Compress a JPG Picture
Quickly reduce the size of a JPEG file by compressing it.
Convert JPG to WebP
Quickly convert JPG images to WebP images.
Convert WebP to JPG
Quickly convert WebP images to JPG images.
Convert JPG to GIF
Quickly convert a JPG photo to a GIF photo.
Convert GIF to JPG
Quickly convert a GIF picture to a JPG picture.
Convert JPG to BMP
Quickly convert a JPG file to a BMP file.
Convert BMP to JPG
Quickly convert a BMP photo to a JPG photo.
Convert JPG to JPEG
Quickly convert a JPG photo to a JPEG photo.
Convert JPEG to JPG
Quickly convert a JPEG graphic file to a JPG graphic file.
Convert JPEG to PNG
Quickly convert a JPG picture to a PNG picture.
Convert PNG to JPEG
Quickly convert a PNG picture to a JPG picture.
Convert JPEG to Base64
Quickly convert a JPG picture to the base64 encoding.
Convert Base64 to JPEG
Quickly convert base64 encoding to a viewable JPG picture.
Crop a JPG Picture
Quickly crop a region of a JPEG picture.
Flip JPG Vertically
Quickly flip a JPEG photo vertically.
Flip JPG Horizontally
Quickly flip a JPEG photo horizontally.
Duplicate a JPG Picture
Quickly create multiple copies a JPEG pic.
Skew a JPEG
Quickly apply a horizontal or vertical slant to a JPG pic.
Convert JPG to Data URI
Quickly convert a JPEG image to a Data URL.
Convert Data URI to JPG
Quickly convert a Data URL to a JPEG graphics file.
Convert a JPG to Grayscale
Quickly turn a JPEG picture grayscale.
Create Black and White JPG
Quickly convert a JPEG picture into a black-and-white JPEG.
Hide an Area in a JPG
Quickly black out a region in a JPG photo.
Brighten a JPG Picture
Quickly lighten an area of a JPEG photo (increase brightness).
Darken a JPG Picture
Quickly dim an area of a JPEG photo (decrease brightness).
Increase JPG Contrast
Quickly create a JPEG photo with higher contrast.
Decrease JPG Contrast
Quickly create a JPEG photo with lower contrast.
Invert JPG Colors
Quickly invert all colors in a JPG picture.
Upsize a JPG/JPEG Picture
Quickly increase the dimensions of a JPG/JPEG picture.
Downsize a JPG/JPEG Picture
Quickly decrease the dimensions of a JPG/JPEG picture.
Optimize a JPG/JPEG Picture
Quickly optimize a JPG/JPEG to get the best quality/size ratio.
Add JPG/JPEG Artifacts
Quickly add artefacts to a JPG/JPEG picture.
Remove JPG/JPEG Artifacts
Quickly remove artefact distortions from a JPG/JPEG picture.
Remove a Border from Around a JPG
Quickly remove a border from a JPEG photo.
Delete Background from a JPG
Quickly get rid of the background in a JPG/JPEG file.
Create a Noisy JPG
Quickly add random pixels and white noise to a JPEG picture.
Extract RGB from a JPG
Quickly extract red, green, and blue channels from a JPEG.
Extract CMYK from a JPG
Quickly extract cyan, magenta, yellow, and key channels.
Extract HSL from a JPG
Quickly extract hue, saturation, and light color channels.
Find Dominant JPG Colors
Quickly extract a color palette of the most popular colors.
Reduce JPG Colors
Quickly change the number of colors in a JPEG photo.
Create a Dithered JPG
Quickly create a dither JPG with a limited number of colors.
Create a Binary JPG
Quickly convert the given JPEG picture into a two-color JPEG.
Swirl a JPG Picture
Quickly create a whirl in a JPG/JPEG photo.
Watermark a JPG
Quickly put a watermark on a JPG/JPEG photo.
Highlight a JPG Region
Quickly highlight a specific area in a JPEG picture.
Change JPG Orientation
Quickly change a JPEG's orientation to landscape or portrait.
Generate JPG by Color Name
Quickly create a JPEG that's filled with the given color.
Create a JPG for Social Media
Quickly create a perfectly-sized JPEG for social media.
Annotate a JPG
Quickly add text labels, arrows, and boxes to a JPEG photo.
Coming soon These jpg tools are on the way
JPEG Editor
Edit JPG pictures in your browser.
Shift a JPG
Shift a JPEG to the right or left.
Slice a JPG
Extract a part of a JPEG picture.
Split a JPGs
Split a JPG into multiple smaller JPEGs.
Merge JPGs
Join multiple JPEGs together to create a single image.
Create a JPG Preview Thumbnail
Convert a JPEG picture to a smaller preview thumbnail.
Convert a Sequential JPG to a Progressive JPG
Convert a baseline JPEG to an interlaced JPEG.
Convert a Progressive JPEG to a Sequential JPEG
Convert an interlaced JPG to a baseline JPG.
Convert JPG to PDF
Create a PDF document from one or more JPG pictures.
Convert PDF to JPG
Extract PDF pages as JPG pictures.
Convert JPG to EPS
Create an EPS file from a JPG picture.
Convert EPS to JPG
Create a JPG picture from an EPS file.
Convert JPG to JPEG2000
Convert JPEG photos to JPG 2000 photos.
Convert JPG2000 to JPEG
Convert JPEG 2000 images to JPG images.
Convert JPG to ICO
Convert JPEG images to ICO icons.
Convert ICO to JPEG
Convert ICO icons to JPG images.
Convert JPG to TIFF
Convert JPEG images to TIFF images.
Convert TIFF to JPEG
Convert TIFF images to JPG images.
Convert JPEG to QOI
Convert JPG pictures to QOI (Quote OK Image Format) pictures.
Convert QUI to JPEG
Convert QUI pictures to JPG pictures.
Convert JPG to PIK
Convert JPEG images to PIK images.
Convert PIK to JPEG
Convert a PIK image to a JPG image.
Convert JPG to PPM
Convert a JPEG image to a PPM image.
Convert PPM to JPEG
Convert a PPM image to a JPG image.
Convert JPG to BPG
Convert a JPEG image to a BPG image.
Convert BPG to JPEG
Convert a BPG image to a JPG image.
Convert JPG to RGB
Convert a JPEG image to raw RGB values.
Convert RGB to JPEG
Convert raw RGB values to a JPG image.
Convert JPEG to RGBA
Convert a JPG image to raw RGBA values.
Convert RGBA to JPG
Convert raw RGBA values to a JPEG image.
Convert JPEG to ARGB
Convert a JPG image to raw ARGB values.
Convert ARGB to JPG
Convert raw ARGB values to a JPEG image.
Convert JPG to BGR
Convert a JPEG image to raw BGR values.
Convert BGR to JPEG
Convert raw BGR values to a JPG image.
Convert JPG to BGRA
Convert a JPEG image to raw BGRA values.
Convert BGRA to JPEG
Convert raw BGRA values to a JPG image.
Convert JPG to ABGR
Convert a JPEG image to raw ABGR values.
Convert ABGR to JPEG
Convert raw ABGR values to a JPG image.
Convert JPG to FLIF
Convert a JPEG image to a FLIF image.
Convert FLIF to JPEG
Convert a FLIF image to a JPG image.
Convert JPG to AV1
Convert a JPEG image to an AVIF (AV1) image.
Convert AV1 to JPEG
Convert an AVIF (AV1) image to a JPG image.
Convert JPEGs to Animated GIF
Convert multiple JPGs to a GIF animation.
Convert JPEGs to Animated PNG
Convert multiple JPGs to an APNG animation.
Convert JPEGs to Animated Webp
Convert multiple JPGs to a Webp animation.
Convert JPG to Excel
Create an Excel spreadsheet with colored cells from a JPEG.
Mix Two JPEGs
Combine two JPG/JPEG pictures together.
Slowly Load a JPG
Load a JPG slowly pixel-line by pixel-line.
Create a Single Color JPG
Generate a one-color JPEG of any size.
Create a Glitch JPG
Randomize bytes in a JPEG and create a glitched JPEG.
Enhance a JPG
Increase the quality of a JPEG picture.
Watercolor a JPG
Apply the watercolor effect on a JPG photo.
Create ASCII Art from a JPEG
Convert a JPG to an ASCII art image.
Create JPG from ASCII Art
Convert an ASCII drawing into a JPEG drawing.
Create ANSI Art from JPG
Convert a JPEG to an ANSI art image.
Create JPG from ANSI Art
Convert an ANSI drawing to a JPEG drawing.
Rename a JPG
Change the filename of a JPG.
Mirror a JPEG
Create a mirror copy of a JPG image.
Make a JPEG Symmetric
Create convert the given JPG into a symmetric JPG.
Quantize a JPEG
Apply a color quantization algorithm on a JPG picture.
Add Sound to JPEG
Add sound to a JPG picture.
Fix a Broken JPEG
Try to recover a JPG that has been damaged.
Extract JPG Metadata
Show the hidden metadata (EXIF info) in a JPEG picture.
Add JPG Metadata
Add hidden metadata (EXIF info) to a JPEG picture.
Delete JPG Metadata
Remove the hidden metadata (EXIF info) from a JPEG picture.
Add a Secret JPG Comment
Insert a hidden comment in a JPG picture (as EXIF entry).
Find Pixels in JPG
Find positions of certain pixels in a JPEG.
Replace Pixels in JPG
Replace certain pixels in a JPEG.
Delete Pixels in JPG
Delete certain pixels in a JPEG.
Swap Pixel Pairs in JPG
Swap every two pixels in a JPEG row-wise or column-wise.
Swap Blocks of Pixels in JPG
Swap pixel blocks of any size in JPEG rows or columns.
Create Perturbations in JPG
Add errors to a JPEG and produce a modified picture.
Compare Two JPEGs
Find differences between two JPG pictures.
JPG Viewer
View JPEG pictures in your browser.
Created with love by
51K
@browserling
We're Browserling — a friendly and fun cross-browser testing company powered by alien technology. At Browserling we love to make people's lives easier, so we created this collection of online JPG tools. Our tools have the simplest possible user interface that is focused on getting things done. People love our tools and they are now used by millions of people every month. Our JPG tools are actually powered by our web developer tools that we created over the last couple of years. Check them out!
Secret message
If you love our tools, then we love you, too! Use coupon code JPGLING to get a discount for our premium plans.
Privacy Policy we don't log data!
All conversions and calculations are done in your browser using JavaScript. We don't send a single bit about your input data to our servers. There is no server-side processing at all. We use Google Analytics and StatCounter for site usage analytics. Your IP address is saved on our web server for additional analytics. The free plan doesn't use cookies and don't store session information in cookies. The premium and team plans use cookies to store session information so that you are always logged in. We use your browser's local storage to save tools' input. It stays on your computer.
Terms of Service the legal stuff
By using Online Jpg Tools you agree to our Terms of Service. All tools are free for personal use but to use them for commercial purposes, you need to get a premium plan. You can't do illegal or shady things with our tools. We may block your access to tools, if we find out you're doing something bad. We're not liable for your actions and we offer no warranty. We may revise our terms at any time.