Tool · Oct 10, 2025 · 1 min read

Color Value Converter

colorstoolsconverterhexrgb

Color Value Converter

Convert color values between different formats such as HEX, RGB, HSL, OKLCH, and more.

Detected format: HEX

Converted Values

HEX
#3b82f6
HEX (with alpha)
hsl(217, 91%, 60%)
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
HSV/HSB
hsv(217, 76%, 96%)
CMYK
cmyk(76%, 47%, 0%, 4%)
RGB (0-1)
rgb(0.231, 0.510, 0.965)
OKLCH
oklch(48.3% 0.215 177.910)
CSS Name
N/A

Example Colors

A simple and intuitive tool that converts HEX color codes to RGB values in real time. Built with HTML, CSS, and TypeScript, it helps designers and developers quickly translate color formats for web projects—fast, accurate, and easy to use.

✨ Features

  • Real-time Conversion: Instantly convert between HEX and RGB formats
  • Bidirectional Support: Convert from HEX to RGB and vice versa
  • Visual Preview: See the color as you convert
  • Copy-friendly: Easy copying of converted values

� How to Use

  1. Enter HEX Code: Type a 6-digit HEX color code (with or without #) in the HEX field
  2. See RGB Values: The corresponding RGB values appear automatically in the RGB fields
  3. Enter RGB Values: Alternatively, input RGB values (0-255) to see the HEX equivalent
  4. Visual Preview: Watch the color preview update in real-time as you type
  5. Copy Values: Click the copy buttons next to each format to copy the color code
  6. Validate Colors: The tool shows valid color previews and handles invalid inputs gracefully

Supported Formats:

  • HEX: #FF5733 or FF5733 (with or without #)
  • RGB: Individual values from 0-255 for Red, Green, and Blue

�💡 Perfect For

Web designers, developers, and anyone working with color codes in digital projects.