Ctrl+K
Popular searches:
UtilStation

Color Converter

v1.0.0

Color Converter

Convert colors between HEX, RGB, RGBA, HSL, HSLA, HSV, CMYK, and CSS named colors. Includes a visual color picker and a browsable CSS named-color palette.

Warning

This tool is not supported on mobile devices, please use a desktop device for better experience.

Pick:#ff6347
Alpha:100%
R255
G99
B71
HEX
#ff6347
Short HEX
—
HEX 8 (α)
#ff6347ff
RGB
rgb(255, 99, 71)
RGBA
rgba(255, 99, 71, 1)
HSL
hsl(9, 100%, 64%)
HSLA
hsla(9, 100%, 64%, 1)
HSV / HSB
hsv(9, 72%, 100%)
CMYK
cmyk(0%, 61%, 72%, 0%)
CSS Named
tomato
CSS Named Colors

147 colors

  • Case Converter
    Similar Tool

    Convert text to different letter cases, such as upper case, lower case, and more.

  • Image Resizer
    Similar Tool

    Resize images to multiple dimensions simultaneously. Create responsive images, thumbnails, and optimized versions with custom scaling and exact dimensions.

  • CSS Color Codes
    Similar Tool

    Complete CSS color reference with hex, RGB, HSL values, and visual previews for web development and design.

  • Encode and decode base64 strings or files, commonly used for encoding binary data in text format.

  • Convert cURL and wget commands to code in Python, JavaScript (fetch/axios), Go, PHP, C#, and more. Also convert between cURL and wget formats.

  • Generate beautiful CSS gradients visually. Supports linear, radial, and conic types with custom color stops, angle control, and ready-to-copy CSS output.

  • Encode images (PNG, JPG, WebP, SVG, GIF, AVIF) and PDFs to Base64 or decode Base64 strings back to files — fully in-browser.

  • Generate CSS box shadows visually. Adjust offset, blur, spread, color, and opacity across multiple layers and copy the ready-to-use CSS.

  • Beautify or minify CSS server-side. Powered by js-beautify and LightningCSS for readable output or compact stylesheets.

  • Convert JSON data to YAML format for readable configuration and documentation.

  • Convert Markdown files to HTML format for web publishing and sharing.

  • Convert CSV files to JSON format for easier data manipulation and integration.

  • Convert JSON data into TypeScript interfaces for easy integration with your codebase.

  • Convert YAML configuration files to JSON format for easier processing and integration.

  • Convert SVG markup to PNG, JPEG, or WebP images directly in your browser with custom resolution and background.

  • Extract and convert Windows ICO icons to PNG format, preserving transparency and the highest available resolution.

  • Convert JSON data into CSV format for easier data analysis and sharing.

  • Convert JSON data into Rust structs for easy integration with your codebase.

  • Convert PNG images to ICO format for favicons, Windows application icons, and desktop shortcuts.

  • Convert JSON data into JavaScript object declarations with customizable variable names and export options.

  • Length Converter
    Similar Tool

    Convert between different units of length, such as meters, feet, and miles.

  • Volume Converter
    Similar Tool

    Convert between different units of volume, such as liters, gallons, and cubic meters.

  • Convert between different units of data storage, such as bytes, kilobytes, and gigabytes.

  • A number base converter lets you switch a value between decimal (base 10), hexadecimal (base 16), binary (base 2), and octal (base 8). It is handy when you work with low-level code, color values, network masks, or debugging binary data.

  • Convert between Celsius, Fahrenheit, and Kelvin temperature scales with ease.

  • Weight Converter
    Similar Tool

    Convert between different units of weight, such as kilograms, pounds, and ounces.

How are you liking Color Converter?

We value your opinion and would love to hear your thoughts.

Select your rating

Excellent! ⭐

About the Color Converter

The Color Converter lets you instantly translate any color between all major formats used in CSS, design tools, and digital art — including HEX, RGB, RGBA, HSL, HSLA, HSV, CMYK, and CSS named colors.

Supported Color Formats

  • HEX — The standard web format. Written as #rrggbb using two hexadecimal digits per channel. When both digits in each pair are identical, a three-character shorthand like #rgb is also valid CSS.
  • HEX 8 — An 8-digit hex that adds an alpha channel: #rrggbbaa. Fully supported in modern browsers and useful when you need transparency in a hex value.
  • RGB / RGBA — Describes a color as red, green, and blue values from 0 to 255. RGBA adds a fourth value for alpha (0 = fully transparent, 1 = fully opaque). Widely used in CSS and design applications.
  • HSL / HSLA — Hue (0–360°), Saturation (0–100%), and Lightness (0–100%). This model maps closely to how humans perceive color and makes it easy to create palettes by adjusting lightness or saturation while keeping the hue constant.
  • HSV / HSB — Hue, Saturation, and Value (also called Brightness). Used by Photoshop, Figma, and most design tools for their color pickers. Unlike HSL, the "Value" channel represents the brightest possible version of the hue.
  • CMYK — Cyan, Magenta, Yellow, and Key (black) — the subtractive model used in print. Converting screen colors to CMYK gives a starting point for print work, though monitor colors may not reproduce exactly in ink.
  • CSS Named Colors — CSS defines 148 keyword colors like tomato, cornflowerblue, and rebeccapurple. The converter shows the matching name when your current color exactly matches one of these keywords.

How to Use

  • Click the color swatch or the native color picker to visually choose a color. Use the R, G, B sliders for fine channel control.
  • Type any color in the text field and press Enter or Parse. Accepted formats include hex values, rgb(), rgba(), hsl(), hsla(), and CSS color names.
  • Use the Alpha slider to adjust transparency. This is reflected in RGBA, HSLA, and HEX 8 outputs.
  • Browse or search all 148 CSS named colors in the panel. Clicking any color loads it instantly.
  • Click the copy button next to any format to copy it to your clipboard.

Choosing the Right Format

  • HEX: Best for static CSS colors and design tokens.
  • RGBA: Use when you need transparency in CSS (e.g. overlays, shadows).
  • HSL: Ideal for programmatically generating color scales and themes in CSS variables.
  • HSV: Use when working with design tool APIs or color picker components.
  • CMYK: Needed when handing off colors to a print designer or specifying Pantone equivalents.
PulseNew

Monitor your services in real time

Tools

Pages

Legal