Acerca de esta herramienta
Introduce un color en formato HEX, RGB o HSL para obtener representaciones equivalentes y una vista previa visual. La conversión ayuda a mover colores entre CSS, herramientas de diseño y documentación. Ten en cuenta que el aspecto final también depende de la pantalla, el perfil de color y el contraste con el fondo.
Cómo usarla
- 1Introduce un valor HEX, RGB o HSL válido.
- 2Revisa la vista previa y los valores convertidos.
- 3Copia el formato que necesita tu proyecto y comprueba el contraste.
Ventajas
- Conversión inmediata entre formatos web habituales.
- Vista previa para detectar errores de entrada.
- Valores listos para CSS y herramientas de diseño.
Detailed guides for this tool
Learn the underlying concepts, worked examples and common mistakes before relying on the result.
Preguntas frecuentes
¿HEX y RGB representan el mismo color?+
Sí, cuando describen los mismos canales rojo, verde y azul. HEX es una notación hexadecimal compacta de esos valores.
¿Para qué sirve HSL?+
Separa tono, saturación y luminosidad, lo que facilita crear variaciones claras, oscuras o menos saturadas.
¿La conversión garantiza accesibilidad?+
No. Debes comprobar el contraste entre texto y fondo con un evaluador específico.