Conversor HEX a RGB
Elige un color o escribe HEX, RGB y Alpha en la fila superior; la vista previa y los formatos para copiar de abajo se actualizan al instante.
Entrada de color
con o sin #; 3 o 6 dígitos · RGB admite 0–255; Alpha admite 0–100.
Vista previa y resultados
Contraste compuesto sobre blanco
El contraste de un color translúcido cambia según la superficie real que haya debajo.
Formatos de salida
Armonía de color
Colores recientes
sin rodeos.
- Todo a la vistaLa zona de entrada y los resultados se reconocen rápido.
- Resultado primeroEl número principal va delante; el detalle queda debajo.
- Menos requisitosSin registro ni datos innecesarios antes de usar la herramienta.
Lleva un mismo color al formato que necesitas
HEX y RGB son dos maneras de escribir los mismos canales sRGB, no dos colores distintos. Puedes empezar en cualquier campo admitido: la vista previa y todas las salidas siguen el mismo color.
Para escoger qué copiar, separa tres preguntas: dónde pegarás el valor, si debe incluir transparencia y cómo se lee el texto sobre el fondo final.
Seis dígitos HEX, tres canales
En #RRGGBB, cada pareja es un valor hexadecimal para rojo, verde o azul. RGB escribe esos mismos canales como números decimales de 0 a 255.
Empieza por el formato que ya tienes
Pega un HEX desde un diseño o escribe los canales RGB desde el código. El signo # es opcional y un valor corto como #f80 se amplía a seis dígitos.
Alpha expresa opacidad
Con 100% el color es opaco; con 0% no se ve. Los canales RGB no cambian, pero el fondo detrás de un color transparente cambia el aspecto final.
El destino decide el formato de copia
Para un color opaco usa HEX o RGB. Para incluir opacidad usa HEXA o RGBA. HSL y HSV ayudan a leer tono y saturación; la fila CSS sirve cuando necesitas una declaración.
El contraste blanco y negro es solo el primer paso
Las tarjetas comparan el fondo actual con texto blanco y negro. No sustituyen la revisión del tamaño, peso, imagen de fondo ni colores cercanos.
Las armonías parten del tono actual
El complementario queda enfrente, los análogos cerca y los triádicos se separan en tres direcciones. Usa la muestra como punto de partida y revisa la combinación real.
Leer #FF8800 en RGB
#FF8800 se convierte en rgb(255, 136, 0): rojo completo, algo de verde y nada de azul. El resultado pertenece a la familia naranja.
Naranja con Alpha al 50%
Con #FF8800 y Alpha al 50%, RGBA es rgba(255, 136, 0, 0.50) y HEXA es #FF880080. Su aspecto depende de la superficie que tenga detrás.
El alcance de los colores recientes
El historial permite recuperar colores elegidos en este navegador. No es una lista asociada a una cuenta ni se sincroniza automáticamente entre dispositivos.
Revisa el valor antes de pegarlo
Comprueba el rango de cada canal, la opacidad, la puntuación, la sintaxis aceptada por el destino y el fondo real. Una conversión válida no garantiza legibilidad.
Qué formato copiar
- HEX: código opaco de seis dígitos
- HEXA: código HEX de ocho dígitos con Alpha
- RGB y RGBA: funciones de canales decimales
- HSL y HSV: lecturas basadas en tono
- CSS: declaración lista para pegar
Qué mirar junto al contraste
- Si el texto es normal o grande
- El peso y color reales de la tipografía
- Imágenes, degradados o patrones de fondo
- Transparencias superpuestas sobre otro color
Rangos de entrada
- HEX acepta #, ausencia de # y abreviatura de tres dígitos
- Cada canal RGB va de 0 a 255
- Alpha va de 0% a 100%
- Para color opaco, confirma Alpha al 100%
Ejemplo: #FF8800 con Alpha al 50%
| HEX de entrada | #FF8800 |
|---|---|
| RGB | rgb(255, 136, 0) |
| Alpha | 50% |
| RGBA | rgba(255, 136, 0, 0.50) |
| HEXA | #FF880080 |
Preguntas sobre la conversión de códigos de color
¿Debo incluir # en un código HEX?
No. La herramienta acepta #FF8800 y FF8800. También acepta una abreviatura de tres dígitos como #f80 y normaliza el resultado a HEX de seis dígitos.
¿Qué se copia con Alpha al 50%?
Para #FF8800 con Alpha al 50%, RGBA es rgba(255, 136, 0, 0.50) y HEXA es #FF880080.
¿Debo usar HEXA o RGBA?
Usa la sintaxis que admita el destino. Ambos incluyen color y Alpha, pero HEXA es HEX de ocho dígitos y RGBA usa notación funcional.
¿HSL y HSV son colores distintos de RGB?
No. Describen el mismo color visible mediante tono, saturación y luminosidad o valor.
¿Una proporción de contraste basta para decidir accesibilidad?
No. La herramienta muestra proporciones para texto blanco y negro. Revisa también tamaño, peso, fondo y contexto de uso.
¿Los colores recientes aparecen en otro dispositivo?
No. Los colores recientes se guardan en el navegador actual y no se sincronizan automáticamente con otro navegador o dispositivo.
La sintaxis de color y los umbrales de contraste se describen en especificaciones públicas. Comprueba qué formato admite el destino.