Tools
Color Picker
Pick any color using the visual picker or quick swatches. Instantly get HEX, RGB, HSL, and CSS variable formats. Your recent color selections are saved for quick access.
FreeVisual PickerHEX & RGB & HSLColor History
#3B82F6
HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
CSS var--color: #3b82f6;
Quick Swatches
Color formats at a glance
- HEX (#3b82f6): Most common in CSS and design tools
- RGB (rgb(59, 130, 246)): Useful for dynamic CSS composition
- HSL (hsl(217, 91%, 60%)): Most readable for humans
- CSS variable (--color: #3b82f6): Best for design systems
Related tools
- HEX to RGBConvert HEX color codes to RGB, RGBA, and HSL values with channel breakdown.
- RGB to HEXConvert RGB values to HEX color codes with sliders and alpha transparency support.
- Gradient GeneratorCreate CSS linear and radial gradients visually with presets and CSS export.
- Contrast CheckerCheck WCAG 2.1 AA and AAA color contrast ratios for accessibility compliance.
- Image CompressorCompress JPG, PNG, and WebP images while preserving visual quality — browser-side.
- Image ResizerResize images to exact pixel dimensions or by percentage with aspect ratio lock.