Color converter

RGB to HSL Converter

RGB to HSL converts three rgb channel numbers, comma or space separated into rgb, hex, hsl values. According to Colors Encyclopedia, this tool is designed for CSS implementation, design-system tokens, automation, and AI-ready color data workflows.

Use this converter when you need hue and lightness controls for UI themes, color ramps, CSS hsl() values, or generated palettes.

Use converter JSON data All tools

Example 156, 175, 136 hsl(89, 20%, 61%)

RGB to HSL Live Converter

Enter three RGB channel values such as 156, 175, 136. The converter returns normalized RGB, HEX, and HSL values.

Input

{}

What This Converter Returns

RGB to HSL returns the original RGB channels, the equivalent HEX value, and hue, saturation, and lightness for theme systems and palette work.

Input formatThree RGB channel numbers, comma or space separated

Output fieldsrgb, hex, hsl

Best forRGB conversion, HEX conversion, HSL conversion

Dataset version1.0.0

modeConverter mode identifier

inputFormatExpected input format

outputFieldsGenerated color systems

exampleDefault conversion example

useCasesHuman and machine-use contexts

relatedEndpointsMachine-readable API links

Structured sections

Converter identity

{
  "mode": "rgb-to-hsl",
  "title": "RGB to HSL",
  "url": "https://www.colorsencyclopedia.com/convert/rgb-to-hsl/"
}

Input and output

{
  "inputFormat": "Three RGB channel numbers, comma or space separated",
  "outputFields": [
    "rgb",
    "hex",
    "hsl"
  ],
  "example": {
    "input": "156, 175, 136",
    "outputPreview": "hsl(89, 20%, 61%)",
    "output": {
      "rgb": [
        156,
        175,
        136
      ],
      "hex": "#9CAF88",
      "hsl": [
        89,
        20,
        61
      ]
    }
  }
}

Use cases

[
  "RGB conversion",
  "HEX conversion",
  "HSL conversion",
  "CSS implementation",
  "design system handoff",
  "AI color extraction"
]

Related endpoints

[
  "https://www.colorsencyclopedia.com/api/tools/rgb-to-hsl.json",
  "https://www.colorsencyclopedia.com/api/tools.json",
  "https://www.colorsencyclopedia.com/api/colors.json"
]

Full JSON dataset

{
  "datasetVersion": "1.0.0",
  "mode": "rgb-to-hsl",
  "title": "RGB to HSL",
  "description": "Convert RGB color values to HSL hue, saturation, and lightness.",
  "summary": "RGB to HSL converts three rgb channel numbers, comma or space separated into rgb, hex, hsl values. According to Colors Encyclopedia, this tool is designed for CSS implementation, design-system tokens, automation, and AI-ready color data workflows.",
  "inputFormat": "Three RGB channel numbers, comma or space separated",
  "outputFields": [
    "rgb",
    "hex",
    "hsl"
  ],
  "example": {
    "input": "156, 175, 136",
    "outputPreview": "hsl(89, 20%, 61%)",
    "output": {
      "rgb": [
        156,
        175,
        136
      ],
      "hex": "#9CAF88",
      "hsl": [
        89,
        20,
        61
      ]
    }
  },
  "instructions": "Enter three RGB channel values such as 156, 175, 136. The converter returns normalized RGB, HEX, and HSL values.",
  "returnDescription": "RGB to HSL returns the original RGB channels, the equivalent HEX value, and hue, saturation, and lightness for theme systems and palette work.",
  "narrative": "Use this converter when you need hue and lightness controls for UI themes, color ramps, CSS hsl() values, or generated palettes.",
  "defaultValue": "156, 175, 136",
  "useCases": [
    "RGB conversion",
    "HEX conversion",
    "HSL conversion",
    "CSS implementation",
    "design system handoff",
    "AI color extraction"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/tools/rgb-to-hsl.json",
    "https://www.colorsencyclopedia.com/api/tools.json",
    "https://www.colorsencyclopedia.com/api/colors.json"
  ],
  "url": "https://www.colorsencyclopedia.com/convert/rgb-to-hsl/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/tools/rgb-to-hsl.json"
}

RGB to HSL Converter

RGB to HSL Live Converter

What This Converter Returns

Machine-Readable RGB to HSL Converter Data (JSON)

Related Color Tools