HEX de 3 dígitos es una notación que repite tres números.
#369 y #336699 representan el mismo color. Se repite cada dígito dos veces; no se añaden ceros para obtener #306090. El resultado es rgb(51, 102, 153). Las reglas oficiales de CSS se enlazan abajo.
W3C CSS Color 4: notación de color HEX
Moyoutil elimina los espacios de los extremos y un # inicial antes de procesar HEX de tres o seis dígitos. No distingue mayúsculas y minúsculas y muestra el HEX en mayúsculas. El selector de color o la entrada HEX actualizan la vista previa y el resultado.
Cuatro entradas reproducidas con funciones de herramientas reales
Ejecutamos la función color del proyecto el 5 de octubre de 2026. HSL muestra los valores redondeados a enteros por la herramienta. RGB contiene los valores enteros de los canales del HEX de entrada.
| Entrada | Resultado HEX | RGB | HSL |
|---|---|---|---|
#369 | #336699 | rgb(51, 102, 153) | hsl(210, 50%, 40%) |
#808080 | #808080 | rgb(128, 128, 128) | hsl(0, 0%, 50%) |
#123456 | #123456 | rgb(18, 52, 86) | hsl(210, 65%, 20%) |
#fff | #FFFFFF | rgb(255, 255, 255) | hsl(0, 0%, 100%) |
Esta tabla no es el resultado de medir el color a simple vista en una pantalla, sino más bien el resultado de una entrada de código convertida. Mantener juntos los valores tradicionales HEX y RGB hace que sea más fácil distinguirlos de la precisión de visualización HSL.
Un ángulo de color de 0 en gris no significa rojo
La herramienta muestra el ángulo de color HSL 0 para la entrada de grises. Sin embargo, cuando la saturación es 0%, el ángulo de color no cambia el color mostrado. Por lo tanto, no debes juzgar que es rojo simplemente mirando el primer número de hsl (0, 0%, 50%). Lea el ángulo de tono, la saturación y el brillo juntos.
W3C CSS Color 4: Ángulo de color sin efecto en saturación 0 Se convierte en
HSL redondeado no restaura el RGB original
Las herramientas muestran #123456 como hsl(210, 65%, 20%). Convertir este HSL redondeado a sRGB y luego redondear cada canal a un número entero en el rango de 0 a 255 da como resultado rgb(18, 51, 84) o #123354. El RGB original es rgb(18, 52, 86), por lo que los dos canales son diferentes. Esto no significa que todos los colores marcarán la diferencia.
W3C CSS Color 4: conversión de HSL a sRGB
Para tareas que requieren el código original exacto, utilice el HEX o RGB resultante y conserve también el original. Utilice HSL como punto de partida para los ajustes, pero no trate la representación entera de la herramienta como una conversión de ida y vuelta sin pérdidas. La herramienta no tiene la capacidad de ingresar HSL y revertirlo a HEX.
Distinguir entre HEX de 4 y 8 dígitos y rango de soporte
CSS también tiene HEX de 4 y 8 dígitos con canal alfa. Sin embargo, el convertidor Moyoutil actual no acepta esto. #12345678 y #abcd son errores y no se procesan como resultados RGB. Si recorta la posición alfa, la información de transparencia se pierde, así que no la considere como la misma información de color.
W3C CSS Color 4: HEX con canal alfa
- Archive el código de color original y dónde se utilizó por primera vez.
- Ingrese 3 o 6 dígitos de HEX en la herramienta de conversión de color y vea el resultado HEX y RGB.
- Haga clic en Copiar resultados para copiar tres líneas: HEX, RGB y HSL. Seleccione y utilice una línea de notación según sea necesario.
- Considere las diferencias de redondeo al reutilizar HSL entero. También se comprueba por separado la legibilidad de la combinación real de fondo y letras.
Esta herramienta es un conversor de códigos de color y no proporciona verificación de cumplimiento del contraste de color, conversión de perfil ICC o conversión CMYK para impresión.
Preguntas frecuentes
¿Se pueden reducir siempre los 6 dígitos HEX a 3 dígitos?
No. La abreviatura solo se puede realizar con precisión si los dos dígitos de cada canal son iguales. Por ejemplo, #336699 se puede acortar a #369, pero #123456 no se puede acortar de esa manera.
Si los números HSL son iguales, ¿aparecerán del mismo color en todas las pantallas?
Las comparaciones en este artículo se limitan al código y a los resultados de los cálculos. La conversión del código de color por sí sola no garantiza la coincidencia visual entre diferentes pantallas o materiales impresos.