twineconvert

free · in-browser · no upload

Color name to HEX
Converter

Drop your CSS color name file. We'll convert it to Hex codes right here in your browser, your file never leaves your device.

or drop your file

Select your file here to get started

or drop your file here.

Accepts .txt

nothing uploaded no file size cap no signup

How it works

Three steps. No upload, no signup.

  1. 1

    Drop your file

    Click the dropzone above or drag a CSS color name from your desktop. Files of any size, there's no upload, so there's no upload limit.

  2. 2

    Convert in your browser

    The conversion runs entirely in this tab using JavaScript and WebAssembly. Your file never touches our servers, we don't have any.

  3. 3

    Download

    Get your Hex codes the moment the conversion finishes. Convert another, or close the tab.

Files stay on your device

Your file is never uploaded. The entire conversion runs in your browser using WebAssembly. We can't see what you convert because we have no server to see it.

No file size limit

Server converters cap free users at 1-2 GB and gate larger files behind a paid plan. Since nothing uploads, our limit is whatever your browser can handle.

Free, no signup, no ads on conversions

No account required. No watermark on the output. No queue. Drop a file, get a converted file.

Why convert Color name → HEX

What this conversion is actually for

Designers and product folks often pitch colors by name in Slack ('let's use tomato red') without knowing the exact hex. Looking up a color name's hex on MDN every time is slower than a tool that takes a name and gives you `#FF6347`. Useful for design system tokens, CSS scaffolding, and quick color experimentation.

A real example

Your designer says 'use rebeccapurple as the primary'. You convert and get `#663399`. Drop into your Tailwind config, your design tokens, your CSS variables.

Troubleshooting

I get 'unknown color name' for a name I'm sure is valid.

We support the 147 CSS Color Module Level 4 named colors only. 'Salmon' works; 'salmon pink' doesn't (no spaces, exact spelling). 'Ocean blue' isn't a CSS color — those are marketing names from specific palettes (Pantone, Material). Look up the exact CSS name on MDN's color value page.

Formats involved

About CSS color name and Hex codes

CSS color name, CSS named color (CSS Color Module Level 4)

CSS defines 147 standard color names (red, tomato, rebeccapurple, midnightblue, etc.) that browsers translate to specific hex values. Originated from the X11 color list and standardized through CSS1, CSS3, and Color Level 4. Names like 'gray' and 'grey' are intentional aliases, both legal. Useful in code reviews and design discussions where 'tomato' is more memorable than '#FF6347'.

How to open

Type the name directly in any CSS property accepting a color: `color: tomato;`. Browser DevTools, Figma, and most design tools accept CSS color names in their color inputs.

Hex codes, Hex color list

A plain text list of hex color codes (e.g. #FF6B35, one per line). The most portable color-list format, any modern design tool accepts hex. Often the format used by color-palette generators (Coolors, Adobe Color, Khroma) for export.

How to open

Any text editor. Pastes directly into design tools.

Related tools

Convert other files to Hex codes

FAQ

Common questions

Is this Color name → HEX converter really free?

Yes. No signup, no watermark, no daily file count limit. Every conversion runs in your browser, your file never touches our servers because there are no servers.

Where does my file go when I convert it?

Nowhere. The conversion runs entirely in your browser using JavaScript and WebAssembly. Your file is never uploaded to our servers. We don't have any servers handling files, there's nothing for us to log, store, or accidentally leak.

What's the maximum file size?

Whatever your browser can hold in memory. Practically, this means a few hundred MB on most computers, significantly larger than the 1-2 GB caps that server-upload converters charge for. Very large files (multi-GB) may require closing other browser tabs first.

Why convert CSS color name to Hex codes?

Memorable CSS color shorthand in code. Color palette interchange between web/design tools. The most common reason to convert is compatibility, Hex codes works in places where CSS color name doesn't, or vice versa.

How do I open a CSS color name file in the first place?

Type the name directly in any CSS property accepting a color: `color: tomato;`. Browser DevTools, Figma, and most design tools accept CSS color names in their color inputs.

Does this work offline?

Once the page is loaded, the conversion itself runs entirely offline. The first time you use a tool, your browser downloads the conversion library (a one-time cache). If you reload while offline, the page won't load, but you can install the site as a Progressive Web App for full offline use.

Can I convert multiple files at once?

Single file at a time for now. Batch conversion is on the roadmap, for now, drop one file, download the result, then convert the next.