CSS Color Converter
Convert colors between HEX, RGB, and HSL formats.
Enter any color and get all format conversions instantly.
rgb(59, 130, 246)hsl(217, 91%, 60%)59, 130, 246217, 91%, 60%--color: #3b82f6;Color Format Conversions
HEX to RGB
Convert hexadecimal color codes (#RRGGBB) to RGB values (0-255).
#3b82f6 = rgb(59, 130, 246)RGB to HSL
Convert RGB values to Hue, Saturation, and Lightness.
rgb(59, 130, 246) = hsl(217, 91%, 60%)HSL to HEX
Convert HSL values back to hexadecimal format.
hsl(217, 91%, 60%) = #3b82f6Understanding Color Formats
HEX
Hexadecimal color codes use 6 characters (0-9, A-F) to represent RGB values. Each pair represents a value from 0-255. Format: #RRGGBB
RGB
RGB uses decimal values (0-255) for Red, Green, and Blue channels. Format: rgb(R, G, B)
HSL
HSL represents colors using Hue (0-360 degrees), Saturation (0-100%), and Lightness (0-100%). More intuitive for color adjustments. Format: hsl(H, S%, L%)
Explore more CSS tools
CSS Grid Generator
Create grid layouts visually
CSS Flexbox Generator
Create flex layouts visually
CSS Gradient Generator
Create custom gradients
CSS Text Gradient
Gradient text effects
CSS Gradients Collection
275+ ready-to-use gradients
CSS Box Shadow Generator
Design multi-layer shadows
CSS Selection Generator
Style text highlight colors
CSS Scrollbar Generator
Style custom scrollbars
CSS Blend Mode Generator
Mix colors with blend modes
CSS Cursor Generator
Preview all cursor styles
CSS Loader Generator
Create loading animations
CSS Button Generator
Design buttons with hover effects
CSS Glow Generator
Create neon glow effects
Fluid Typography
Scale text across screen sizes