English

Converter tool

Convert HEX, RGB, HSL, HSV, and CMYK

Convert HEX, RGB, HSL, HSV/HSB, and CMYK in your browser. Pick a color, copy codes, and check WCAG contrast. Nothing is uploaded.

Paste a color code or use the picker. HEX, RGB, HSL, HSV, and CMYK update together. Contrast checks use WCAG ratios on an opaque background.

  • Runs locally
  • No uploads
  • Instant
  • Free
Preview
On white
On black
Input format

RGBA, HSLA, and 8-digit HEX keep alpha. HSV and CMYK strings do not; alpha is shown separately.

HSV and HSB are the same model. V and B both mean brightness.

CMYK here is a screen-RGB estimate. It is not an ICC print profile conversion.

WCAG contrast

Foreground may include alpha and is composited on an opaque background. Background alpha is not used in this version. Contrast alone does not prove a page is accessible.

Check Result
AA normal text
AA large text
AAA normal text
AAA large text

Normal text sample

Large text sample

Color conversion and contrast checks run in your browser. Values are not uploaded.

How it works

  1. Paste a HEX, RGB, HSL, HSV, or CMYK value, or use the picker.
  2. Read the converted codes and copy what you need.
  3. Check contrast against an opaque background if the color is for text.

Why NEXNARA

  • Private

    Your data stays in your browser.

  • Instant

    Results appear immediately.

  • No uploads

    Nothing is sent to a NEXNARA server.

  • Works anywhere

    No installation required.

What is a color converter?

This tool turns one color notation into the others. Use it to copy HEX for CSS, RGB for design tools, HSL for adjustments, HSV for pickers, or a simple CMYK estimate. All math stays in the browser.

What is HEX?

HEX writes red, green, and blue as hexadecimal pairs, such as #FF0000. Short #RGB expands each digit. Eight-digit #RRGGBBAA adds alpha. A # is optional here.

What is RGB?

RGB mixes red, green, and blue from 0 to 255. RGBA adds alpha from 0 to 1. Screens display color in RGB (or a related space), so this is the hub format for the other conversions.

What is HSL?

HSL is hue (0–360), saturation (0–100%), and lightness (0–100%). Hue 360 is the same as 0. HSLA adds alpha. It is useful when you want to lighten or saturate a color without thinking in raw RGB.

What is HSV / HSB?

HSV (also called HSB) uses hue, saturation, and value/brightness. It is not the same as HSL: a fully bright red is hsv(0, 100%, 100%) and hsl(0, 100%, 50%). This tool treats HSV and HSB as one model.

What is CMYK?

CMYK is cyan, magenta, yellow, and black, each 0–100%. Printers use CMYK. The conversion here is a mathematical estimate from screen RGB, not a press-ready ICC profile.

RGB vs CMYK

RGB is additive light on a screen. CMYK is subtractive ink on paper. The same numbers will not always match a printed swatch. Use this CMYK output for a rough idea, not for final print.

What is alpha?

Alpha is opacity. 1 is solid; 0 is fully transparent. 8-digit HEX, RGBA, and HSLA store it. HSV and CMYK outputs on this page do not include alpha, so the alpha field stays visible.

What is a WCAG contrast ratio?

WCAG contrast compares the relative luminance of text and background. Common targets are 4.5:1 for AA normal text, 3:1 for AA large text, 7:1 for AAA normal text, and 4.5:1 for AAA large text. This check does not cover font size, weight, or the rest of accessibility.

How to convert a color

Choose HEX, RGB, HSL, HSV, or CMYK. Paste a value or move the picker. Convert runs as you type. Copy any result. For contrast, set an opaque background and read PASS or FAIL next to each WCAG row.

Privacy

Nothing is sent to NEXNARA or to an external color API. Values are not stored in cookies or local storage for this tool.

FAQ

How do I convert HEX to RGB?

Paste a HEX value such as #FF0000, or pick the color. RGB appears as rgb(255, 0, 0).

How do I convert RGB to HEX?

Choose RGB and enter rgb(255, 0, 0) or the R, G, B fields. HEX updates to #FF0000.

What is the difference between HSL and HSV?

Both use hue and saturation, but HSL’s third channel is lightness and HSV’s is value (brightness). Fully bright red is 50% lightness in HSL and 100% value in HSV.

Is HSV the same as HSB?

Yes. HSB’s B (brightness) is HSV’s V (value). This tool accepts hsv() and hsb().

Can RGB be converted to CMYK?

Yes, as a screen-RGB estimate. It will not match every printer profile.

Why can printed CMYK look different?

Paper, ink, and ICC profiles change the result. This page does not simulate a press.

What does 8-digit HEX mean?

The last two digits are alpha. #FF000080 is red at about 50% opacity.

What contrast ratio do I need?

WCAG AA normal text is 4.5:1. Large text can use 3:1. AAA normal text is 7:1. This tool reports those four checks only.

Is the conversion done locally?

Yes. It runs in your browser. There is no server and no external API.

How do I convert HEX to HSL?

Paste HEX and read the HSL field, or start from HSL and copy HEX. Hue 360 equals 0.