Convertidor RGB a HEX
Convierte colores entre RGB, HEX, HSL, y HSB/HSV al instante. Selector de color con vista previa en tiempo real, verificador de contraste WCAG, y referencia de colores web comunes.
Color Values
HEX#FF6347
RGBrgb(255, 99, 71)
HSLhsl(9, 100%, 64%)
HSVhsv(9, 72%, 100%)
CSS nameTomato
Named Color Shortcuts
Cómo usar Convertidor RGB a HEX
- 1Ingresa un color en cualquier formato: HEX (#rrggbb), RGB (r,g,b), o HSL.
- 2Ve el color en vista previa en tiempo real.
- 3Copia el código de color convertido en tu formato preferido.
- 4Usa el selector de color para selección visual.
ZenovayAnalytics
Descubre qué hacen de verdad tus visitantes.
- Seguimiento de visitantes en tiempo real
- Privacidad primero, sin aviso de cookies
- Configurado en dos minutos
Herramientas relacionadas
Convertidor de Colores
Convierte colores entre formatos HEX, RGB, HSL y CMYK. Vista previa en vivo con selector de color.Convertidor de Unidades
Convierte entre unidades de longitud, peso, temperatura, área, volumen, velocidad y más.Convertidor de Bases Numéricas
Convierte números entre bases binaria, octal, decimal y hexadecimal.Convertidor de Marca de Tiempo Unix
Convierte entre marcas de tiempo Unix y fechas legibles. Muestra ISO 8601, UTC, hora local y hora relativa.Preguntas frecuentes
¿Cómo convierto RGB a HEX?▾
Cada canal RGB (0–255) se convierte en un valor hexadecimal de 2 dígitos. Fórmula: HEX = # + toHex(R) + toHex(G) + toHex(B). Ejemplo: RGB(255, 99, 71) → R=255=FF, G=99=63, B=71=47 → #FF6347 (rojo tomate). JavaScript: `'#' + [r,g,b].map(v => v.toString(16).padStart(2,'0')).join('')`. En CSS, la abreviatura de 3 dígitos (#RGB) funciona cuando cada par es idéntico: #FFCC00 → #FC0.
¿Cuál es la diferencia entre RGB y HSL?▾
RGB (Rojo, Verde, Azul) describe el color como componentes de luz aditiva; es el modelo usado por las pantallas. HSL (Tono, Saturación, Luminosidad) describe el color de forma más intuitiva: el tono es el ángulo del color (0–360°), la saturación es la intensidad del color (0–100%) y la luminosidad es el brillo (0% = negro, 100% = blanco). HSL facilita la creación de paletas de colores (ajuste L para obtener tintes/sombras) y armonías de colores (gire H 30°/60°/120°).
¿Cuál es la diferencia entre HSL y HSV/HSB?▾
HSL (Tono, Saturación, Luminosidad): con L=50% se obtiene el color puro; L=100% = blanco. HSV/HSB (Tono, Saturación, Valor/Brillo): con V=100% se obtiene el color puro; V=0% = negro. HSL se usa en CSS (hsl()). HSV/HSB se usa en la mayoría de las herramientas de diseño (Photoshop, Figma, Sketch). Conversión: ambos usan el mismo Tono pero calculan S y el tercer componente de manera diferente. CSS no admite HSV de forma nativa.
¿Qué significan RGBA y HSLA?▾
RGBA y HSLA añaden un canal Alfa para la opacidad: rgba(255, 99, 71, 0.5) = rojo tomate al 50% de transparencia. Rango del alfa: 0 (completamente transparente) a 1 (completamente opaco) en CSS rgba(); 0–255 en algunos otros sistemas. HEX con alfa: hexadecimal de 8 dígitos (#RRGGBBAA) — compatible con CSS moderno. Ejemplo: #FF634780 = rojo tomate al ~50% de opacidad (80 hex = 128 decimal = ~50%). El hexadecimal de 6 dígitos no tiene alfa.
¿Qué son los colores con nombre de CSS?▾
CSS define 147 colores con nombre, desde «red» (#FF0000) hasta «rebeccapurple» (#663399, nombrado en honor a la hija de un desarrollador en 2014). Ampliados desde HTML 4 (16 colores básicos) hasta CSS 1/2/3. «transparent» también es una palabra clave válida (rgba(0,0,0,0)). Los colores con nombre no distinguen mayúsculas de minúsculas. Todos los navegadores modernos admiten los 147 colores con nombre. «currentColor» es una palabra clave especial que hereda el valor de la propiedad color del elemento.