Qué es Generador de sintaxis de color relativa CSS?
Generador de sintaxis de color relativa CSS es una herramienta de navegador para esta tarea: Genera sintaxis de color relativa CSS para variantes alfa, claras, oscuras y ajustadas. La salida es fácil de revisar antes de usarla en un sitio publicado.
Quick answer
CSS relative color syntax lets you create a new color by adjusting individual channels of an existing color. It is more powerful than color-mix() for precise channel-level manipulation without a preprocessor.
Limitations
- Browser support requires Chrome 119+, Safari 16.4+, and Firefox 128+. Older browsers will ignore the declaration entirely.
- The syntax varies slightly by color space. Not all channels are available in every color space, and channel value ranges differ.
- Complex nested relative color expressions can hurt readability. Use a CSS custom property for the base color to keep declarations clean.
Cómo usar esta herramienta
- Abre la herramienta y escribe los valores necesarios.
- Revisa la salida en el panel de resultado.
- Copia solo la parte que encaja con tu página.
- Prueba el cambio antes de publicar.
Para qué puedes usarla
- Resolver tareas repetidas de publicación con menos fricción.
- Preparar marcado, CSS o checklists antes del lanzamiento.
- Evitar pequeños errores comunes en sitios estáticos.