Saltar al contenido
(+381) 60 3535 720
Mi cuenta
BeoHosting
BeoHosting
Mi cuentaContacto
(+381) 60 3535 720
 

Herramienta gratuita para diseñadores web

Conversor de color — Conversor de color HEX, RGB, HSL

Convierte colores entre los formatos HEX, RGB y HSL. Vista previa en vivo, selector de color, deslizadores RGB y los 20 colores más populares. Todo en local en el navegador.

Convertir colorPlanes de alojamiento
RESPUESTA RÁPIDA

¿Cómo usar el Conversor de color para HEX, RGB y HSL?

El Conversor de color convierte un color entre los 3 formatos web estándar en 3 pasos: 1) Introduce un valor en cualquier formato — HEX (#FFCB05), RGB (rgb(255, 203, 5)) o HSL (hsl(48, 100%, 51%)). 2) La herramienta calcula automáticamente los otros dos formatos + muestra una vista previa en vivo. 3) Copia el formato que quieras o usa los deslizadores RGB para ajustarlo con precisión. Cuándo usar cada formato: HEX para CSS y HTML, RGB para el canvas de JavaScript, HSL para variaciones semánticas (tono más claro/más oscuro). Todo se calcula en local en el navegador.

  • 3 formatos — HEX, RGB, HSL — con vista previa en vivo
  • Deslizadores RGB para ajustar con precisión rojo/verde/azul
  • Los 20 colores más populares como selector rápido
  • En local en el navegador — sin envío al servidor

BeoHosting Team

10+ años de experiencia — Especialistas en alojamiento web e infraestructura

Última actualización:

Conversor de color

Introduce un color en formato HEX, RGB o HSL — la herramienta lo convierte automáticamente a los tres formatos.

Vista previa

#FFCB05
#FFCB05
rgb(255, 203, 5)
hsl(48, 100%, 51%)

Deslizadores RGB

R (rojo)255
G (verde)203
B (azul)5

Los 20 colores más comunes

Privacidad: Todas las conversiones se realizan en local en el navegador mediante funciones matemáticas de JavaScript. Tus colores NO se envían al servidor.

Guía

HEX, RGB y HSL — cuándo usar cada formato

El formato HEX (#FFCB05) es el más habitual en CSS y HTML — compacto y legible. Seis caracteres hexadecimales representan 3 bytes (los componentes rojo/verde/azul, de 0 a 255 cada uno). También existe una notación abreviada de 3 caracteres (#FA0 = #FFAA00) para colores con pares repetidos.

RGB — Red Green Blue

El formato RGB usa 3 números decimales de 0 a 255 (rgb(255, 203, 5)). Ideal para la API canvas de JavaScript, la generación de colores por programación y el canal alfa (rgba). RGB es intuitivo a la hora de mezclar colores primarios, pero no es adecuado para variaciones de un mismo color.

HSL — Hue Saturation Lightness

HSL separa un color en 3 componentes: Hue/tono (0-360°, donde rojo=0, verde=120, azul=240), Saturation/saturación (0-100%) y Lightness/luminosidad (0-100%). Ideal para temas y paletas — cambia solo la luminosidad para un estado hover, o solo el tono para los colores secundarios.

Herramientas y servicios relacionados

HTML Minifier.htaccess GeneratorMeta Tag AnalyzerJSON FormatterBase64 EncoderPassword GeneratorCSS on your siteWordPress HostingCheck site speedContact

¿Listo para lanzar tu sitio web?

Protección SSL
Velocidad
Soporte 24/7

Únete a más de 4.000 clientes satisfechos. Migración gratuita y garantía de devolución de 15 días.

Elige un planContáctanos
Garantía de devolución de 15 días
Migración gratuitaGarantía de 15 díasSoporte 24/7

Preguntas frecuentes - Conversor de color

Respuestas a las preguntas más habituales sobre nuestros servicios.

HEX (hexadecimal) es la notación de color estándar de CSS con la forma #RRGGBB. Cada valor hexadecimal de dos dígitos (00-FF) representa uno de los tres componentes: rojo (RR), verde (GG), azul (BB). Por ejemplo, #FFCB05 significa R=255, G=203, B=5 — el color amarillo de la marca BeoHosting.

El formato RGB se usa cuando necesitas un canal alfa (transparencia) — rgba(255, 203, 5, 0.5) — o cuando generas colores por programación en la API canvas de JavaScript, donde los valores numéricos son más cómodos. HEX es más compacto para CSS estático, mientras que RGB es más legible para valores dinámicos.

HSL separa el color en tres componentes intuitivos: tono (Hue), saturación (Saturation) y luminosidad (Lightness). Para crear un estado hover, reduce la luminosidad entre un 5 y un 10 % sin cambiar el tono. Para crear un color secundario, cambia solo el tono entre 30 y 60°. RGB y HEX requieren cálculos complejos para obtener los mismos resultados.

Sí, desde 2018 todos los navegadores modernos (Chrome 62+, Firefox 49+, Safari 10+) admiten HEX de 8 caracteres con canal alfa: #FFCB0580 significa un 50 % de transparencia. Para navegadores antiguos (IE), usa rgba(), que tiene compatibilidad universal.

No. Todas las conversiones se realizan en local en tu navegador mediante funciones matemáticas de JavaScript. Tus colores NO se envían al servidor ni se almacenan en una base de datos. Todo es 100 % privado y funciona sin conexión.

Nuestras garantías para tu tranquilidad

Protegido desde todos los ángulos

Garantía de 15 días

Te devolvemos el dinero sin preguntas durante los primeros 15 días.

Migración gratuita

Migramos tu sitio sin interrupciones: tú no tienes que hacer nada.

Soporte 24/7

Nuestros expertos están disponibles 24/7 por tickets y chat en vivo.