Convertir RGB a HEX
Convierte valores de color RGB en códigos hexadecimales para CSS, HTML y herramientas de diseño, con vista previa y HSL.
| HEX | |
|---|---|
| RGB | |
| HSL | |
| CSS |
Cómo convertir RGB a HEX
- Escribe los valores de rojo, verde y azul (0–255), por ejemplo 255, 165, 0 o rgb(255, 165, 0).
- El código HEX, el valor HSL y un fragmento CSS aparecen al instante.
- Copia el código hex o escribe en el cuadro HEX para volver a RGB.
Cómo funciona RGB a HEX
Cada canal RGB es un número de 0 a 255. En hexadecimal (base 16) se escribe con dos dígitos, de 00 a FF. Convierte el rojo, el verde y el azul por separado y ponlos detrás de una #: rgb(255, 165, 0) → FF, A5, 00 → #FFA500. Por ejemplo, 165 = 10 × 16 + 5, y 10 es «A» en hexadecimal, así que 165 = A5.
| Color | RGB | HEX |
|---|---|---|
| Blanco | 255, 255, 255 | #FFFFFF |
| Negro | 0, 0, 0 | #000000 |
| Rojo | 255, 0, 0 | #FF0000 |
| Naranja | 255, 165, 0 | #FFA500 |
| Gris | 128, 128, 128 | #808080 |
| Azul marino | 0, 0, 128 | #000080 |
¿Necesitas el sentido contrario? Usa el conversor de HEX a RGB.
Preguntas frecuentes
¿Qué formatos puedo escribir?
Tres números separados por comas o espacios (255, 165, 0), o la notación CSS, como rgb(255 165 0) o rgba(255, 165, 0, 0.5).
¿Qué es un valor RGB en hexadecimal?
Es el mismo color escrito en base 16: cada canal (0–255) se convierte en dos dígitos hex (00–FF), así que el color completo es un código de seis dígitos como #FFA500.
¿Por qué hay letras en los códigos hex?
El hexadecimal necesita 16 dígitos, así que después del 0–9 usa A–F para 10–15. FF es 15 × 16 + 15 = 255, el valor máximo de un canal.
¿#FFA500 es lo mismo que #ffa500?
Sí. Los códigos de color hex no distinguen mayúsculas de minúsculas.