This free online tool lets you convert a hex code sequence to a WebP image. Just load your hex codes in the input editor, and you'll instantly get a WebP file in the output editor. In the settings, you can specify the width of the WebP image and set the pixel scaling factor. Additionally, you can choose the default color for any missing data in the hex code sequence (usually at the end). Created by team Browserling.
This free online tool lets you convert a hex code sequence to a WebP image. Just load your hex codes in the input editor, and you'll instantly get a WebP file in the output editor. In the settings, you can specify the width of the WebP image and set the pixel scaling factor. Additionally, you can choose the default color for any missing data in the hex code sequence (usually at the end). Created by team Browserling.
The free plan lets you use WebP tools for personal use only. Upgrade to the premium plan to use WebP tools for commercial purposes. Additionally, these features will be unlocked when you upgrade:
You've reached the daily free plan limit. The free plan lets you try our service a couple of times a day. Upgrade to the premium plan to remove all limits and unlock these additional features:
Commercial Use
Use our WebP tools for commercial use.
No Wait Time
Skip the download wait timer and download the WebP instantly.
Unlimited Usage
Use all WebP tools as many times per day as you want to.
Instant Download
Skip this dialog and download the WebP with a single click.
No Ads
You'll not see a single advertisement.
Instant Copy-to-clipboard
Copy the WebP to clipboard with a single click.
You're using the free plan
The free plan lets you use WebP tools for personal use only. Upgrade to the premium plan to use WebP tools for commercial purposes. Additionally, these features will be unlocked when you upgrade:
You've reached the daily free plan limit. The free plan lets you try our service a couple of times a day. Upgrade to the premium plan to remove all limits and unlock these additional features:
Commercial Use
Use our WebP tools for commercial use.
No Wait Time
Skip the download wait timer and download the WebP instantly.
Unlimited Usage
Use all WebP tools as many times per day as you want to.
Instant Download
Skip this dialog and download the WebP with a single click.
No Ads
You'll not see a single advertisement.
Instant Copy-to-clipboard
Copy the WebP to clipboard with a single click.
Text has been copied to clipboard
Yay! The text has been copied to your clipboard. If you like our tools, you can upgrade to a premium subscription to get rid of this dialog as well as enable the following features:
You've reached the daily free plan limit. The free plan lets you try our service a couple of times a day. Upgrade to the premium plan to remove all limits and unlock these additional features:
Commercial Use
Use our WebP tools for commercial use.
No Wait Time
Skip the download wait timer and download the WebP instantly.
Unlimited Usage
Use all WebP tools as many times per day as you want to.
Instant Download
Skip this dialog and download the WebP with a single click.
No Ads
You'll not see a single advertisement.
Instant Copy-to-clipboard
Copy the WebP to clipboard with a single click.
What Is a Hex Codes to WebP Converter?
With this online tool, you can create WebP images pixel-by-pixel from raw hexadecimal color codes. The program supports various hex code formats, including three-component "#RRGGBB" opaque colors and four-component "#RRGGBBAA" colors with alpha channel (with or without the hash symbol "#" prefix). It also works with shortened hex codes, where each color channel is represented by a single digit, such as "#12f" (which means "#1122ff" and represents a blue color) or "#1a48" (which means #11aa4488 and represents a translucent green color). For example, the following list of hex codes "#ffff00 #00FF00 #008000 #014201" will be converted into a WebP with the dimensions of 4x1 pixels (a single pixel line with four colors in a row: yellow, lime, green, and dark green). The input hex code sequence can use any delimiter (space, comma, semicolon, etc.) and can be enclosed in single or double quotes. If the input hex code sequence has a fixed width (the sequence consists of multiple lines of equal length), then the program automatically determines the dimensions of the generated WebP: the height of the WebP will be the number of lines and the width will be the number of hex codes per line). If the hex data is a single long string, then you need to specify only the width of the encoded WebP (the height will be calculated automatically by dividing the string into slices of "width" hex codes). If there are just a few hex codes in the sequence, then the generated WebP will be very tiny, and in this case, you can apply pixel scaling. To do this, set the pixel scaling factor (default is 1), which determines how many physical pixels each hex code will represent in the output WebP. If the hex code lines have missing values, then you can specify the replacement color for the data in the options. This color will be used to paint the areas of the missing hex codes in the WebP. If you need to convert an existing WebP into a sequence of hex codes, you can use our Convert WebP to Hex tool. Webp-abulous!
What Is a Hex Codes to WebP Converter?
With this online tool, you can create WebP images pixel-by-pixel from raw hexadecimal color codes. The program supports various hex code formats, including three-component "#RRGGBB" opaque colors and four-component "#RRGGBBAA" colors with alpha channel (with or without the hash symbol "#" prefix). It also works with shortened hex codes, where each color channel is represented by a single digit, such as "#12f" (which means "#1122ff" and represents a blue color) or "#1a48" (which means #11aa4488 and represents a translucent green color). For example, the following list of hex codes "#ffff00 #00FF00 #008000 #014201" will be converted into a WebP with the dimensions of 4x1 pixels (a single pixel line with four colors in a row: yellow, lime, green, and dark green). The input hex code sequence can use any delimiter (space, comma, semicolon, etc.) and can be enclosed in single or double quotes. If the input hex code sequence has a fixed width (the sequence consists of multiple lines of equal length), then the program automatically determines the dimensions of the generated WebP: the height of the WebP will be the number of lines and the width will be the number of hex codes per line). If the hex data is a single long string, then you need to specify only the width of the encoded WebP (the height will be calculated automatically by dividing the string into slices of "width" hex codes). If there are just a few hex codes in the sequence, then the generated WebP will be very tiny, and in this case, you can apply pixel scaling. To do this, set the pixel scaling factor (default is 1), which determines how many physical pixels each hex code will represent in the output WebP. If the hex code lines have missing values, then you can specify the replacement color for the data in the options. This color will be used to paint the areas of the missing hex codes in the WebP. If you need to convert an existing WebP into a sequence of hex codes, you can use our Convert WebP to Hex tool. Webp-abulous!
Hex Codes to WebP Converter Examples
Click to try!
click me
Convert a Hex Color Sequence into a Butterfly WebP
In this example, we load a sequence of hex codes that represent the colors of a WebP image. Each color code consists of three components (RRGGBB), which means that the output WebP is fully opaque without transparency or translucency. Since the list of codes has a multi-line format with a fixed length, we don't need to specify the WebP width – the program calculates it automatically by counting the number of hex codes in each row. Once the codes are processed, we get a WebP image of a butterfly. (Source: Wikipedia.)
These options will be used automatically if you select this example.
This example will reset all options to their default values before applying new ones.
Set the number of hex codes
representing the WebP width.
Define the size of each pixel
in the generated WebP.
Set a color to replace any
corrupted or missing hex
data in the output WebP.
click me
Draw a Bell WebP Icon from a Hex List
In this example, we input a long continuous single-line list of hex values without line breaks that contain an icon of a bell. To convert it into WebP, we specify its width as 42 pixels in the options. The list consists of four-component hex values, indicating that the WebP has transparency. The result is a 42×42 pixel WebP icon of a yellow bell on a transparent background. (Source: Wikipedia.)
These options will be used automatically if you select this example.
This example will reset all options to their default values before applying new ones.
Set the number of hex codes
representing the WebP width.
Define the size of each pixel
in the generated WebP.
Set a color to replace any
corrupted or missing hex
data in the output WebP.
click me
Create Pixel Art from Hex Codes
In this example, we create a pixel art drawing of a duckling from raw hex codes. For this artwork, we use six colors: #000000 (black), #ffff4c (yellow), #f3c91a (dark yellow), #ff1933 (red), and #3319ff (blue), and arrange them in multiple rows to form lines of pixels. The image is 10 pixels wide and 12 pixels high, but to make it more visible, we zoom the pixels 20 times (we set the magnification to 20x). The resulting pixel art has a WebP format and has the dimensions of 200×240 pixels.
Quickly open and view WebP images in your browser.
Empty search results
You were searching for but nothing was found... Tell us more, and we'll build a tool you were looking for!
Coming Soon
These WebP tools are on the way!
WebP Editor
Edit WebP images in your browser.
Convert WebP to APNG
Convert a WebP animation to an APNG animation.
Convert APNG to WebP
Convert an APNG animation to a WebP animation.
Convert WebP to GIF
Convert a WebP animation to a GIF animation.
Convert GIF to WebP
Convert a GIF animation to a WebP animation.
Extract WebP Frames
Extract all frames from a WebP animation.
Convert WebP to MP4
Convert a WebP animation to an MP4 video.
Convert MP4 to WebP
Convert an MP4 video to a WebP animation.
Convert WebP to WebM
Convert a WebP animation to a WebM video.
Convert WebM to WebP
Convert a WebM video to a WebP animation.
Compare WebP Images
Find the difference between two or more WebP images.
Compress WebP
Reduce the file size of a WebP image.
View WebP Metadata
View the metadata information of a WebP image.
Remove WebP Metadata
Remove all metadata information from a WebP image.
Edit WebP Metadata
Edit the metadata information of a WebP image.
Play WebP
Play WebP animations frame by frame.
Extract WebP Frames
Extract one or more frames from a WebP animation.
Convert Sprite Sheet to WebP
Create a WebP animation from a sprite sheet.
Convert WebP to Sprite Sheet
Create a sprite sheet from a WebP animation.
WebP Viewer
View WebP images and in your browser.
We're working on this tool!
You clicked on a coming soon tool. This tool is in the works and we'll be releasing it soon. You can subscribe to updates and we'll let you know when we add it!
Subscribe!
Subscribe to our updates. We'll let you know when we release new tools, features, and organize online workshops.
Enter your email here
Feedback. We'd love to hear from you! 👋
Created with love by
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 WebP editing tools. Our tools have the simplest user interface that doesn't require advanced computer skills and they are used by millions of people every month. Our WebP tools are actually powered by our web developer tools that we created over the last couple of years. Check them out!
49K
@browserling
Warning
Successfully
Error
Didn't find the tool you were looking for? Let us know what tool we are missing and we'll build it!
Link to this tool
This is a link to this tool, including input, options and all chained tools.