AbraCalc

RGB(0, 0, 255) to HSL (Blue)

RGB(0, 0, 255) converts to HSL(240°, 100%, 50%), pure blue at full saturation.

Embed this tool on your site

How to use this tool

  1. Enter red, green, and blue values (each 0–255).
  2. The tool calculates hue (0–360°), saturation (0–100%), and lightness (0–100%).
  3. Use the hsl() result directly in CSS.

Pure blue RGB(0, 0, 255) becomes hsl(240, 100%, 50%) in HSL notation.

Frequently asked questions

What is HSL?
HSL stands for Hue, Saturation, Lightness. It represents colors in a cylindrical model, making it more intuitive than RGB for adjusting brightness and saturation.
What range does hue use?
Hue is measured in degrees from 0 to 360, where 0/360 is red, 120 is green, and 240 is blue.