What is a bulk color converter?

A bulk color converter changes many colors from one format to another in one step. You paste a list, choose an output such as HEX, RGB or HSL, and get every value converted together.This one accepts mixed input formats, handles up to 500 colors and exports the results as a list, CSV, JSON, CSS, SCSS or Tailwind code.

How do I convert multiple HEX codes to RGB at once?

Paste the HEX codes into the box, one per line, then set Output format to RGB. Every code converts at once, and the table shows each result next to its swatch.Use Copy results to take the whole list, or Download CSV to keep a record. The # symbol is optional, and 3, 4, 6 and 8 digit codes all work.

How many colors can I convert at one time?

You can convert up to 500 colors in one batch. The counter under the input box shows how many entries you have, for example 120 / 500.Lines beyond the limit are ignored and reported in the status pills above the table. For longer lists, split them into several batches and export each one.

Can I mix different color formats in one list?

Yes, you can mix HEX, RGB, HSL, HSV, HWB, CMYK, Lab, LCh, OKLab, OKLCH and CSS color names in the same list. The tool detects each line on its own.The Detected column shows how every entry was read, so you can confirm that a value was understood the way you intended.

What happens if one color in my list is invalid?

An invalid entry stays in the results table with a red Invalid badge and a reason, and the other colors still convert normally.Typical reasons are a HEX code with the wrong number of digits, an unknown color name or an RGB value above 255. Each message also gives the line number, so fixing the list is quick.

Can I export converted colors as CSV or JSON?

Yes. Download CSV saves every format for each color, and Export JSON saves the converted values as a file. Export CSS downloads custom properties.The export panel also shows SCSS and Tailwind CSS code that you can copy. If you added names such as brand-primary: #6366f1, those names become variable names.

Does the bulk color converter keep transparency?

Yes, transparency from 8-digit HEX, 4-digit HEX or rgb() and hsl() values with an alpha part is kept when the output format can carry it.A translucent color converts to an 8-digit HEX or to an RGB or HSL value that includes alpha. Not every output format can express transparency, so check the table if alpha matters for your project.

Is the bulk color converter free to use?

Yes, the bulk color converter is free, runs in your browser and needs no signup or account.Your list is converted on the page and is not uploaded for conversion. It only goes into a web address if you choose Share link. For a single color with sliders, try the Color Converter.

Bulk Color Converter: Batch Convert HEX, RGB, HSL, CMYK

Bulk color converter for HEX, RGB, HSL and more

This bulk color converter turns a whole list of colors into one target format in a single pass. Paste up to 500 colors in HEX, RGB, HSL, HSV, HWB, CMYK, OKLCH or CSS names, even mixed together. Pick an output format and copy, download or export the result. It is free, runs in your browser and needs no signup.

How to convert a list of colors in bulk

You convert a batch by pasting it into the Colors to convert box and choosing an output format. Results appear as you type.

Paste your colors into Colors to convert, one per line or separated by commas or semicolons. Click Load sample list first if you want to see how it behaves.
Choose an Output format: HEX, RGB, HSL, HSV / HSB, HWB, CMYK (approximate), OKLCH or All formats.
Set CSS syntax, HEX letter case and Remove duplicate colors if you need them.
Press Convert all or Ctrl+Enter to refresh the results table.
Use Copy results for a plain list, or open the export panel for CSS, SCSS, JSON or Tailwind CSS code.
Click Clear to start a new batch.

Input formats the batch color converter reads

The converter detects the format of every entry on its own, so you never tell it what you pasted. A single list can hold HEX codes, rgb() values and color names side by side. The Detected column in the results table shows what each line was recognized as.

Input type	Example	Notes
HEX	`#3273dc`	3, 4, 6 or 8 digits; the # is optional
RGB	`rgb(0, 128, 255)`	Comma or space syntax; plain `0, 128, 255` triplets also work
HSL, HSV, HWB	`hsl(120, 100%, 50%)`	Hue in degrees, other values in percent
CMYK	`cmyk(0%, 50%, 100%, 0%)`	Read as a simple on-screen conversion
Lab, LCh, OKLab, OKLCH	`oklch(62.8% 0.2577 29.23)`	Modern CSS color functions
CSS color names	`cornflowerblue`	Standard CSS color names

The syntax follows the CSS Color Module Level 4 specification, which defines these notations. The MDN reference for CSS color values lists each one with examples.

How to format a list of colors for conversion

One color per line is the cleanest input, but the tool also splits commas and semicolons that sit outside brackets. A line such as #f59e0b, #10b981, #0ea5e9 becomes three rows.

Named entries in a bulk color converter list

Write brand-primary: #6366f1 or --accent: rgb(236 72 153 / 90%) and the name is kept in a Name column. Those names become variable names in the CSS, SCSS and Tailwind exports. Unnamed colors are numbered color-1, color-2 and so on.

Ignored comments and blank lines in a bulk color list

Blank lines are skipped, and so are lines that start with // or /*. You can paste a chunk of a stylesheet or a note-filled list without cleaning it first.

Bulk color converter output formats and options

The Output format menu decides what the results table and the plain list show. Pick one format for a clean column, or pick All formats to see HEX, RGB, HSL, HSV, HWB, CMYK and OKLCH for every color at once.

CSS syntax (RGB, HSL): choose classic rgb(50, 115, 220) or modern rgb(50 115 220) output.
HEX letter case: uppercase #3273DC or lowercase #3273dc, to match your code style.
Remove duplicate colors: drops repeats even when they were written in different formats, such as red and #ff0000. The count of removed rows is shown above the table.
Swatches and copy buttons: every valid row shows a color swatch and a copy button for that single value.
Status pills: the table reports how many colors converted, how many are invalid and how many are over the 500-color limit.

If a color needs adjusting to fit, the Detected column adds a note. "Clipped to sRGB" means a wide-gamut value such as an OKLCH color fell outside the sRGB range. "Values clamped" means an out-of-range number was pulled back to its limit.

Worked example: convert mixed colors to HEX

Here is a mixed list converted with the Output format set to HEX and uppercase letters. Each line uses a different notation.

#ff0000                  -> #FF0000
rgb(0, 128, 255)         -> #0080FF
hsl(120, 100%, 50%)      -> #00FF00
cornflowerblue           -> #6495ED
cmyk(0%, 50%, 100%, 0%)  -> #FF8000

You can check one by hand. The color #1E90FF is rgb(30, 144, 255) because 1E, 90 and FF are 30, 144 and 255 in base 16. The same color is about hsl(210, 100%, 56%). Set the output to All formats to see the full row. For a single color, the HEX to RGB converter shows the same math with sliders.

Cornflower blue Orange from CMYK 0, 50, 100, 0

Bulk color converter export to CSS, SCSS, JSON or Tailwind

The Bulk Color Export Code panel has five tabs: Plain list, CSS, SCSS, JSON and Tailwind CSS. Select a tab, then use the copy button in the corner of the code box.

Plain list: one converted value per line, ready to paste into a spreadsheet or a script.
CSS: custom properties inside :root, for example --brand-primary: #6366F1;.
SCSS: variables such as $brand-primary: #6366F1;.
JSON: each color with its input, name, detected format and every output format.
Tailwind CSS: an @theme block for Tailwind v4 using OKLCH values, plus a HEX color object for v3 configs.

The buttons under the table do the same as downloads. Download CSV saves every format plus a Valid and Error column. Export JSON and Export CSS save files, and Share link copies a URL that reopens your list and settings. For a full token workflow, try the HEX to design token exporter.

Is bulk CMYK conversion accurate for print?

Bulk CMYK conversion is only an on-screen approximation, which is why the menu says "CMYK (approximate)". It converts the RGB numbers directly, with no ink profile, paper or press settings. A real press uses an ICC profile, so the same RGB color can give different CMYK values in print software.

Use the CMYK column for quick estimates and drafts. For print jobs, confirm values with your printer or a profile-aware workflow. The HEX to CMYK converter and the RGB vs CMYK guide explain the gap in more detail, and Wikipedia's CMYK article covers the model.

Common mistakes when you convert multiple colors at once

Most batch problems come from a handful of input slips. The tool flags each one in its own row and keeps converting the rest, so one bad line never stops the batch.

Wrong HEX length: a code such as #12345 has 5 digits and is marked invalid. Valid lengths are 3, 4, 6 and 8.
Going over 500 colors: extra lines are ignored. Split long lists into several batches.
Dropping alpha by accident: an 8-digit HEX such as #3273dc80 keeps its transparency in the output, so the result can be an 8-digit HEX or an rgb() value with an alpha part.
Trusting CMYK for print: see the section above.
Expecting identical round trips: HSL, HSV and OKLCH values are rounded for display, so converting back can shift a channel by one step.
Mixing up percent and numbers: HSL needs percent for saturation and lightness; plain RGB triplets must be 0 to 255.

When a batch color converter saves time

A batch color converter helps whenever a list arrives in the wrong format. Developers move a brand sheet of HEX codes into HSL or OKLCH to build lighter and darker variants. Designers turn a spreadsheet of CMYK swatches into screen values. Teams convert a legacy stylesheet to the modern space-separated syntax in one go.

It also helps with audits. Load every color from your stylesheets, remove duplicates and see how many distinct values you really use. If you need to compare two HEX and RGB notations first, read the HEX vs RGB comparison.

Privacy when you convert a color list online

Your colors are converted in your browser and are not uploaded for conversion. The list only leaves the page if you click Share link, because that link carries the list in its address. Very long lists are trimmed to fit, and the tool tells you how many lines the link contains.

Finished with this bulk color converter and need one color at a time? Open the Color Converter for sliders and full detail, or build themes from your results with the CSS variable theme generator.

🎨 Creation

🔬 Analysis

🔄 Conversion

♿ Accessibility

🧪 Advanced

🧰 Utility

Bulk Color Converter

Bulk Color Input

Bulk Conversion Options

Bulk Color Conversion Results

Bulk Color Export Code