RGB To HSL Converter | Color Conversion
Có thể bạn quan tâm
RGB to HSL color conversion
Enter red, green and blue color levels (0..255) and press the Convert button:
Enter red color (R): | |
Enter green color (G): | |
Enter blue color (B): | |
Hue (H): | ° |
Saturation (S): | % |
Lightness (L): | % |
Color preview: |
HSL to RGB conversion ►
RGB to HSL conversion formula
The R,G,B values are divided by 255 to change the range from 0..255 to 0..1:
R' = R/255
G' = G/255
B' = B/255
Cmax = max(R', G', B')
Cmin = min(R', G', B')
Δ = Cmax - Cmin
Hue calculation:
Saturation calculation:
Lightness calculation:
L = (Cmax + Cmin) / 2
RGB to HSL color table
Color | Color name | Hex | (R,G,B) | (H,S,L) |
---|---|---|---|---|
Black | #000000 | (0,0,0) | (0°,0%,0%) | |
White | #FFFFFF | (255,255,255) | (0°,0%,100%) | |
Red | #FF0000 | (255,0,0) | (0°,100%,50%) | |
Lime | #00FF00 | (0,255,0) | (120°,100%,50%) | |
Blue | #0000FF | (0,0,255) | (240°,100%,50%) | |
Yellow | #FFFF00 | (255,255,0) | (60°,100%,50%) | |
Cyan | #00FFFF | (0,255,255) | (180°,100%,50%) | |
Magenta | #FF00FF | (255,0,255) | (300°,100%,50%) | |
Silver | #BFBFBF | (191,191,191) | (0°,0%,75%) | |
Gray | #808080 | (128,128,128) | (0°,0%,50%) | |
Maroon | #800000 | (128,0,0) | (0°,100%,25%) | |
Olive | #808000 | (128,128,0) | (60°,100%,25%) | |
Green | #008000 | (0,128,0) | (120°,100%,25%) | |
Purple | #800080 | (128,0,128) | (300°,100%,25%) | |
Teal | #008080 | (0,128,128) | (180°,100%,25%) | |
Navy | #000080 | (0,0,128) | (240°,100%,25%) |
HSL to RGB conversion ►
See also
- How to convert RGB to hex
- Hex to RGB converter
- HSL to RGB converter
Từ khóa » Hsl Colour Code
-
HTML HSL And HSLA Colors - W3Schools
-
Colors HSL - W3Schools
-
HSL Selected (Hue, Saturation, Light) Color Codes
-
HSL Color Picker - By Brandon Mathis
-
Hex To Hsl - Html Colors
-
HSL And HSV - Wikipedia
-
Hsl() - CSS: Cascading Style Sheets - MDN Web Docs - Mozilla
-
Using HSL Colors In CSS - Smashing Magazine
-
Color Chart One-Page View
-
Color Codes: What's The Difference Between Hex, RGB, And HSL?
-
HTML Color Codes | HEX, RGB, RGBA, HSL And HSLA Values
-
An Easy Guide To HSL Color - The New Code
-
Convert A Color – HEX, RGB, HSL, CMYK