Color Formats

Convert between different color formats

#3B82F6
HEX Color

Hexadecimal color notation used in CSS and web development.

Color Knowledge Base

Understanding different color formats and their applications

HEX Colors

  • Format: #RRGGBB (6 digits)
  • Range: 00-FF per channel
  • Use: CSS, HTML, design tools

RGB Colors

  • Format: rgb(r, g, b)
  • Range: 0-255 per channel
  • Use: Programming, image processing

HSL Colors

  • Format: hsl(h, s%, l%)
  • Range: H: 0-360°, S&L: 0-100%
  • Use: Design, color theory

When to Use Each Format

HEX: CSS styling, web development, design handoffs
RGB: Programming, image manipulation, precise color control
HSL: Color theory, creating harmonious palettes, design work

Color Theory Tips

  • • Use HSL for intuitive color adjustments
  • • Adjust lightness for accessibility
  • • Keep saturation consistent for harmony

Web Development

  • • HEX is most common in CSS
  • • RGB/RGBA for transparency
  • • HSL for dynamic color generation