HEX → RGB
Convierte un código de color hexadecimal a RGB y HSL.
Esta herramienta funciona con JavaScript. Para usarla, activa JavaScript en tu navegador y recarga la página.
DE #HEX A RGB, AL INSTANTE.
HEX → RGB convierte un código de color hexadecimal a valores RGB y HSL. Puedes escribir el código con almohadilla o sin ella; se aceptan la forma corta de tres dígitos (#f00), la forma estándar de seis dígitos (#ff0000) y la forma de ocho dígitos con transparencia (#ff0000cc). En cuanto escribes se actualiza la vista previa del color y aparecen los resultados: RGB, RGBA si hay transparencia, HSL y una variable CSS que puedes pegar directamente en tu hoja de estilos.
La lista de resultados también te dice si sobre ese color conviene poner texto oscuro o claro; esa recomendación se calcula según el brillo percibido del color. Si quieres, también puedes elegir un color en el selector y obtener su código. La herramienta funciona en dos sentidos: al cambiar los campos RGB también se actualiza el HEX, por eso comparte pantalla con «RGB → HEX». Se usa para llevar al código un valor tomado de un programa de diseño, para convertir un color de marca a otras notaciones o para saber si un color es claro u oscuro. El cálculo se hace por completo en tu navegador.
De principio a fin
- Escribe el código HEX. Por ejemplo #1a73e8, 1a73e8 o, en forma corta, #17e.
- Mira la vista previa. La caja de color y todos los valores se actualizan en cuanto escribes.
- Copia el valor. Copia la línea de RGB, HSL o variable CSS y úsala.
Preguntas frecuentes
¿Qué es #1a73e8 en RGB?
rgb(26, 115, 232). Los dos primeros dígitos dan el rojo, los dos siguientes el verde y los dos últimos el azul, en base hexadecimal.
¿Qué significa un HEX de ocho dígitos?
Los dos últimos dígitos son la transparencia: ff totalmente opaco, 00 totalmente transparente. #1a73e880 es un azul medio transparente y en el resultado aparece como RGBA.
¿Cómo se despliega un HEX corto (#f00)?
Cada dígito se escribe dos veces: #f00 pasa a ser #ff0000. La herramienta lo hace sola.
¿Los datos que introduzco se envían al servidor?
No. Esta herramienta funciona por completo en tu navegador; nada de lo que escribes o añades se envía al servidor de RUPO Studio. Mientras la página esté abierta, sigue funcionando aunque se corte tu conexión a internet. No necesitas cuenta. El uso es gratuito: no hay límite por hora ni por día y no te hacemos ver anuncios antes de mostrarte el resultado.
Otras herramientas de Herramientas para creadores
RUPO Studio