Convertidor de Colores

Convierte colores entre formatos HEX, RGB, HSL y más.

¿Qué son los formatos de color HEX, RGB y HSL?

En diseño y desarrollo web, los colores se pueden representar de varias maneras. Esta herramienta te permite convertir fácilmente entre los tres formatos más comunes:

  • HEX (Hexadecimal): Es el formato más extendido en la web, usado en CSS. Es una representación de 6 dígitos (a veces 3 u 8) de un color RGB. Ejemplo: #3b82f6. Puedes mejorar tu código con nuestro Formateador de CSS.
  • RGB (Red, Green, Blue): Representa un color especificando la intensidad de Rojo, Verde y Azul, cada una con un valor entre 0 y 255. Es muy usado en programación y diseño gráfico. Ejemplo: rgb(59, 130, 246).
  • HSL (Hue, Saturation, Lightness): Representa un color de una forma más intuitiva para los humanos. Hue (Tono) es el color en sí (0-360° en la rueda de colores), Saturation (Saturación) es la pureza del color (0-100%), y Lightness (Luminosidad) es qué tan claro u oscuro es (0-100%). Es extremadamente útil para crear variaciones de un mismo color (tonos más claros, más oscuros o más/menos saturados).