Conversor RGB a hexadecimal
Axusta os deslizadores ou pega un código HEX a continuación para converter entre RGB, HEX e HSL de xeito instantáneo, cunha vista previa en directo da cor — todo calculado no teu dispositivo.
Entrada de cor
Saída convertida
Reseñas
Como converter RGB a HEX
- Arrastra os deslizadores vermello, verde e azul — ou pega un código HEX directamente no campo — para establecer unha cor.
- Mira a mostra de vista previa e observa como as valores HEX, RGB e HSL se actualizan en tempo real mentres axustas calquera cousa.
- Fai clic en calquera tarxeta de valor para copiala, lista para pegala en CSS, nun software de deseño ou en código.
RGB, HEX e HSL: cal é a diferenza?
RGB, HEX e HSL describen exactamente as mesmas cores: son só xeitos diferentes de escribir os mesmos números. RGB define unha cor segundo a cantidade de luz vermella, verde e azul que se combinan para formala, cada unha nunha escala de 0 a 255. HEX son os mesmos valores RGB reescritos como un código base-16 compacto de 6 díxitos, o que explica por que rgb(31, 58, 95) e #1f3a5f describe unha cor en función do matiz (a súa posición nunha roda de cores), a saturación (o seu vivacidade) e a luminosidade — un formato que adoita ser máis intuitivo para escoller tons relacionados.
Onde se emprega tipicamente cada formato
| Formato | Uso típico | Por que |
|---|---|---|
| Hex | CSS, HTML, ferramentas de deseño | Curto, fácil de pegar e compartir como unha soa cadea de texto |
| RGB | CSS con transparencia (rgba) | Soporta un canal alfa para a opacidade |
| HSL | Construción de paletas de cores | Fácil de crear tons máis claros/escuros ou relacionados cambiando un número |
Usando estes valores en CSS
Calquera dos tres formatos funciona directamente nunha folla de estilo: color: #1f3a5f;, color: rgb(31, 58, 95); e color: hsl(210, 51%, 25%); todos representan o mesmo azul mariño. HEX é a abreviatura máis común para cores sólidas, mentres que RGB (ou o seu rgba() variación) é útil cando unha cor necesita transparencia parcial, e HSL facilita xerar un conxunto consistente de tons mantendo fixo o matiz e axustando só a luminosidade.
Preguntas frecuentes
¿Este conversor de RGB a HEX é gratuíto de usar?+
Si. Funciona completamente con JavaScript no teu navegador, polo que non hai conta, nin chave de API, nin límite de veces que o poidas usar.
¿Carganse en algún lugar os meus datos de cor?+
Non. Todas as conversións realízanse localmente no teu navegador. Nada se envía a un servidor, gárdase nin rexístrase.
Cal é a diferenza real entre HEX e RGB?+
Describen a mesma cor en diferentes notacións — HEX é unha abreviatura de seis díxitos en base 16 para os mesmos valores de vermello, verde e azul que RGB escribe como tres números separados de 0 a 255.
Ferramentas para o deseño e o desenvolvemento
Como funciona este conversor
Os valores convértense en tempo real entre RGB, HEX e HSL con JavaScript mentres escribes ou elixes unha cor — nada do que introduzas se carga nun servidor nin se garda en ningures.
Última actualización: 28 de agosto de 2026.
Máis ferramentas na caixa
Máis ferramentas gratuítas sen chave de API están dispoñibles na páxina de inicio.