Convertidor de Color

Convierta entre códigos de color HEX, RGB, HSL con vista previa en vivo.Convertir entre códigos de color HEX, RGB, HSL con vista previa en vivo.

Convertidor de color
Vista previa
Valores de color
Ingrese un color para ver las conversiones
Formatos compatibles
HEX #FF5733, #F53, ff5733
RGB rgb(255, 87, 51), 255, 87, 51
What are Color Formats?

Colors on the web can be represented in multiple formats. HEX uses hexadecimal notation (#RRGGBB), RGB specifies red, green, blue components (0-255), and HSL uses hue (0-360), saturation, and lightness (0-100%). Each format has advantages for different use cases like design work or programmatic color manipulation.

Color Format Details

HEX colors encode RGB values in hexadecimal (16-255 per channel). RGB directly specifies color intensity (0-255). HSL separates color (hue) from intensity (saturation/lightness), making it more intuitive for creating color variations. All formats can represent the same 16.7 million colors.

Analizador Cron
  • Converting design tool colors to CSS
  • Creating color themes and palettes
  • Adjusting color brightness and saturation
  • Matching brand colors across platforms
  • Accessibility testing for color contrast
Format Comparison
HEX #RRGGBB - Compact, widely supported, easy to copy/paste
RGB rgb(R, G, B) - Intuitive for programmatic manipulation
HSL hsl(H, S%, L%) - Easy to create variations by adjusting components
Frequently Asked Questions

When should I use HSL over RGB?

HSL is better when you need to create color variations (lighter, darker, more/less saturated) as you can adjust a single component. RGB is better for color mixing and when working with image processing.

What is HEX shorthand?

HEX shorthand uses 3 digits instead of 6 (#RGB instead of #RRGGBB). Each digit is doubled: #F00 becomes #FF0000 (red). Only works when each pair has identical digits.