Contenido
El mismo color con otro código
Introduce un color sRGB en HEX, RGB o HSL y obtén su valor en otro de esos formatos. La muestra sobre un fondo cuadriculado permite ver cuándo el resultado tiene transparencia.
Del formato inicial al código que necesitas
Selecciona el formato de origen para mostrar sus campos. HEX acepta 3, 4, 6 u 8 caracteres; RGB necesita tres canales enteros entre 0 y 255. En HSL, el tono va de 0 a 360°, y la saturación y la luminosidad de 0 a 100%. La opacidad alfa, cuando aparece, va de 0 a 1. Después elige un destino distinto y copia el resultado.
En un HEX de ocho caracteres, la última pareja representa alfa: #RRGGBBAA. El orden está definido en la especificación CSS Color. No equivale al orden de todas las herramientas gráficas.
Si solo necesitas cambiar de notación, no hace falta ajustar a mano cada canal: cambiar el formato de origen conserva el color calculado y coloca sus valores en los nuevos campos.
Tres comprobaciones rápidas
Azul apagado. El código #336699 corresponde a rgb(51,102,153) y hsl(210,50%,40%). Cambia la escritura, no el color representado.
Blanco abreviado. #FFF repite cada carácter y se convierte en #FFFFFF; RGB indica 255 en los tres canales. Es útil para reconocer una forma corta sin interpretarla como un único número hexadecimal.
Negro translúcido. #00000080 produce rgba(0,0,0,0.502). El último byte equivale a 128 de 255 niveles de opacidad, por lo que la muestra deja ver el patrón de fondo.
Los límites de una equivalencia
Los canales RGB se redondean a enteros, HSL se muestra con un decimal y alfa con tres. Una conversión de ida y vuelta puede variar en la última cifra. El instrumento no convierte colores Display P3 ni CMYK. Tampoco deduce el contraste de un texto a partir de un solo color; para eso hace falta conocer su fondo.
Dudas sobre HEX, RGB y HSL
Un código correcto puede sorprender al cambiar de formato o de fondo.
¿Es obligatorio escribir # al principio?
No. 336699 y #336699 se leen igual; el resultado HEX siempre incluye la almohadilla.
¿Qué ocurre con #3A7?
Cada carácter se duplica. Su forma completa es #33AA77.
¿Por qué un gris indica tono 0°?
Con saturación 0%, cambiar el tono no altera el gris. El conversor muestra 0° como valor estable.
¿Son iguales el tono 0° y 360°?
Sí. El tono recorre un círculo y ambos puntos corresponden a la misma dirección.
¿La muestra garantiza el mismo aspecto en todas las pantallas?
No. El código sRGB se conserva, pero el perfil y la calibración de cada pantalla pueden cambiar la apariencia.
Calculadoras similares
Las siguientes calculadoras sobre el mismo tema podrían ser útiles para ti:
- Editor HTML visual. Edite el código HTML en línea y de forma gratuita, y vea al instante el aspecto visual del texto y la página en modo de vista previa (WYSIWYG).
- Generador de contraseñas. Cree gratis una contraseña compleja y segura con un generador en línea con 8, 10, 12 o más caracteres aleatorios.
- Cantidad de caracteres en el texto: calculadora. Cuente en línea la cantidad de caracteres en un texto, incluidos o excluidos los espacios.
- Generador de números aleatorios: creación de números aleatorios. Obtén un número aleatorio para diversas necesidades, especialmente para sorteos y loterías en redes sociales.
- Calculadora de tiempo de transferencia de archivos. Indica el tamaño del archivo, la velocidad y el porcentaje aprovechable de esa velocidad para planificar la transferencia.
- Conversor de tamaño de datos. Introduce un tamaño de datos y conviértelo entre bits, bytes, prefijos decimales y prefijos binarios IEC.
- Calculadora de densidad de píxeles. Introduce la resolución nativa y la diagonal visible para calcular PPI y el tamaño físico del píxel.
- Cronómetro de Texto: Duración de Lectura en Voz Alta. Descubre el tiempo estimado que tomará leer o vocalizar tu texto. Introduce el contenido y recibe el resultado al instante.
- Simulador de tabla de multiplicación. Practica y memoriza la tabla de multiplicación en línea. Establece el intervalo de factores, y el simulador generará ejercicios.
- Calculadora de promedio general. Calcula el promedio general de tu documento académico con nuestra ayuda. Aprende el método correcto para calcular el promedio.
Compartir en redes sociales
Si te gustó, por favor comparte la calculadora en tus plataformas de redes sociales. Es fácil para ti y beneficioso para la promoción del proyecto. ¡Gracias!