Language:English
Chromoforge

Color converter: HEX, RGB, HSL and OKLCH

Paste a color and copy the format you need, right here. The preview and outputs use the same opaque sRGB color.

Convert color

Use HEX, RGB, HSL or OKLCH. OKLCH accepts numeric or percentage lightness/chroma and angle units. Only opaque colors are supported; out-of-sRGB values are clipped with a notice.

Selected color#E24B4AText on this color: #111111
HEX#E24B4A
RGBrgb(226, 75, 74)
HSLhsl(0.39 72.38% 58.82%)
OKLCHoklch(62.339% 0.18772 24.72)
CSS--brand: #E24B4A;
Explore palette variationsCheck text and background
Compose transparency

Paste RGBA, HSLA, OKLCH with alpha, or HEX with alpha. Choose a solid background and apply the resulting opaque color to the tool.

Resulting opaque HEX

Convert and copy in one place

  1. Enter a supported HEX, RGB, HSL or OKLCH value, or choose a color with the picker.
  2. Read the preview and copy HEX, RGB, HSL, OKLCH or the CSS declaration next to it.
  3. Continue to the palette, shade or contrast tool with the selected color.

What the conversion supports

The tool works with opaque sRGB colors and rounds channels to 8-bit values. RGB and HSL outputs describe the resulting HEX color. OKLCH is accepted as input and output; out-of-sRGB input is clipped with a warning. Transparency, named CSS colors and Display P3 are not accepted here. Rounded conversions can shift a channel slightly when converted back.

Continue with your color

Color Shades GeneratorGenerate a 50-950 shade scale from one base color for Tailwind-style UI surfaces, borders, hover states and dark mode.CSS color variables generatorGenerate CSS variables from one color: brand, readable foreground and an eleven-step 50–950 shade scale. Copy or download the CSS directly.WCAG Contrast CheckerCheck whether text and background colors meet WCAG AA and AAA contrast ratios. Free, instant, no upload required.