apps24.io
All ToolsColor Code Converter
ImageImage ToolsTools for compressing, converting, resizing, and preparing image files.
ConvertConvert ToolsTools for unit conversion, percentages, measurements, and everyday calculations.
CreateCreate ToolsTools for generating QR codes, barcodes, passwords, and sample content.
CodeCode ToolsTools for formatting, validating, converting, and inspecting structured data.
TextText ToolsTools for writing, counting, comparing, and preparing text.
TimeTime ToolsTools for timers, clocks, and screen or display checks.
Utility

Color Code Converter

Convert HEX, RGB, and HSL color values instantly.

HEX
#3b82f6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 90%, 60%)

What is Color Code Converter?

Enter a 3- or 6-digit HEX color, with or without #, or use the picker. RGB and HSL are outputs, not editable inputs. The preview and copied HEX use the expanded 6-digit color. Alpha/transparency, named colors and color-profile conversion are not supported. HSL values are rounded to integers.

Examples

  • ff0000 → #ff0000 → rgb(255, 0, 0) → hsl(0, 100%, 50%)
  • #0f0 → #00ff00 → rgb(0, 255, 0)

How to use Color Code Converter

1. Enter a HEX value or use the color picker to choose a color. 2. View the converted values for HEX, RGB, and HSL instantly. 3. Click Copy next to any value you want to use in your project. 4. Click Reset if you want to start with a new color.

References