color tools
Color Converter & Palette Inspector
Convert between color formats with mathematical precision. Inspect color shades, tints, and test contrast ratios for accessible web design.
Calculated in your browser.
Preview: #0284C7
HEX
#0284C7
RGB
rgb(2, 132, 199)
HSL
hsl(200, 98%, 39%)
WCAG vs White: 4.10:1WCAG vs Black: 5.13:1
Advertisement
Sponsored PlacementGoogle AdSense Integration Ready
How to Use Color Converter (HEX, RGB, HSL)
1
Enter Color Code
Type a HEX code (e.g. #0284c7), RGB, or use the color picker.
2
View Formats
Instantly see converted HEX, RGB, HSL, and CMYK values.
3
Copy
Copy any format with one click.
About Color Converter (HEX, RGB, HSL)
Converts between additive RGB color space and cylindrical coordinate representations (Hue, Saturation, Lightness).
Key Features
- Converts seamlessly across HEX, RGB, HSL, and CMYK
- Interactive visual color picker preview
- Displays lighter tints and darker shades
- Calculates WCAG contrast ratio against white and black text
Frequently Asked Questions
RGB defines colors by red, green, and blue light intensity (0-255), while HSL defines color by Hue (0-360° on the color wheel), Saturation (0-100%), and Lightness (0-100%), which is often more intuitive for designers.
Related Tools
More in color tools Local
Image Color Picker
Pick exact colors from any image and generate harmonious HEX/RGB palettes.
image toolsOpen Tool
Local
CSS Gradient Generator
Design linear and radial CSS gradients with multi-color stops and ready-to-copy code.
generatorsOpen Tool
Local
CSS Box Shadow Generator
Design smooth, multi-layer Apple and Linear-style CSS box shadows.
generatorsOpen Tool