HEX frente a RGB frente a HSL
HEX (como #2546d1) condensa el rojo, el verde y el azul en una cadena de 6 caracteres en base 16, y es el formato más común en CSS y herramientas de diseño. RGB expresa esos mismos tres canales como números simples de 0 a 255, lo que es más fácil de leer cuando razonas sobre los componentes de color por separado. HSL describe un color por su tono (posición en una rueda de colores), saturación y luminosidad — a menudo más intuitivo para elegir una versión más clara o más apagada de un color, ya que puedes ajustar la luminosidad sin cambiar el tono subyacente.
Sobre esta herramienta
Esta herramienta convierte colores entre los formatos HEX, RGB y HSL; útil para tomar un valor de color de una herramienta de diseño en un formato y pegarlo en código que espera otro, o para ajustar con precisión el tono, la saturación o la luminosidad de un color.
Cómo usarla
- Introduce un color en cualquier formato admitido (HEX, RGB o HSL), o elige uno con el selector de color.
- Los valores equivalentes en los otros formatos se actualizan automáticamente.
- Haz clic en «Copiar» junto a cualquier formato para copiar ese valor.
Preguntas frecuentes
¿Qué formatos de color se admiten?
HEX (como #3b82f6), RGB (como rgb(59, 130, 246)) y HSL (como hsl(217, 91%, 60%)); los tres formatos más comunes usados en CSS y herramientas de diseño.
¿Los valores convertidos coincidirán exactamente, o hay redondeo?
Las conversiones entre formatos son matemáticamente precisas, aunque los valores HSL normalmente se muestran redondeados a números enteros para facilitar la lectura, lo cual es práctica habitual en CSS.
¿Es gratis de usar, sin límite?
Sí; convierte tantos colores como quieras, sin necesidad de registro.