Convertir HEX a RGB
Convierte códigos de color en ambos sentidos (HEX, RGB y HSL) con vista previa y selector de color.
| HEX | |
|---|---|
| RGB | |
| HSL | |
| CSS |
Cómo convertir HEX a RGB
- Escribe un código como #1E90FF (o #fff) o elige un color.
- RGB, HSL y el fragmento CSS se actualizan al instante.
- Escribe en el cuadro RGB para convertir de RGB a HEX.
Cómo funciona HEX a RGB
Un color hexadecimal son tres pares de dígitos (rojo, verde y azul), cada uno de 00 a FF (0–255). En #1E90FF: 1E = 30, 90 = 144 y FF = 255, así que el color es rgb(30, 144, 255). Los códigos de tres dígitos duplican cada dígito (#0AF = #00AAFF) y un cuarto par opcional es el canal alfa (opacidad).
| Color | HEX | RGB |
|---|---|---|
| Blanco | #FFFFFF | 255, 255, 255 |
| Negro | #000000 | 0, 0, 0 |
| Rojo | #FF0000 | 255, 0, 0 |
| Verde lima | #00FF00 | 0, 255, 0 |
| Azul | #0000FF | 0, 0, 255 |
| Azul dodger | #1E90FF | 30, 144, 255 |
Preguntas frecuentes
¿Cómo paso de RGB a HEX?
Convierte cada valor (0–255) a dos dígitos hexadecimales y únelos: rgb(255, 165, 0) → FF A5 00 → #FFA500. Escribe los valores RGB en la herramienta para hacerlo automáticamente.
¿Qué es un color hex de 8 dígitos?
#RRGGBBAA añade un canal alfa. Por ejemplo, #1E90FF80 es azul dodger con un 50 % de opacidad aproximadamente (0x80 = 128 ÷ 255 ≈ 0,502).
¿Los códigos HEX distinguen mayúsculas?
No. #1e90ff y #1E90FF son el mismo color.
¿Qué es HSL?
Tono (0–360°), saturación y luminosidad (en porcentaje): una forma más intuitiva de ajustar colores en CSS.