- Escribe un color en cualquier formato compatible: #3b82f6, rgb(59, 130, 246) o hsl(217, 91%, 60%).
- Observa cómo se actualizan los otros dos formatos al instante, junto con la vista previa en vivo del color.
- Copia el formato que necesites para CSS, software de diseño o código.
Todo funciona localmente en tu navegador: sin subidas, sin cuenta y sin límite de colores que puedas convertir.
HEX, RGB y HSL son tres formas de ver el mismo color. Los desarrolladores web se mueven entre ellas constantemente: la paleta de una herramienta de diseño llega en HEX, un componente necesita un rgb() a medida y un script de animación quiere interpolar valores HSL. Convertir a mano es propenso a errores: un solo dígito mal cambia todo el color.
Consejos
El hex abreviado como #fff también funciona. Si escribes algo que la herramienta no puede interpretar, te lo avisa en lugar de adivinar, así un valor inválido nunca produce un color equivocado en silencio. Usa la vista HSL cuando quieras ajustar la luminosidad de un color sin tocar su tono.
Por qué usarlo
Las herramientas de diseño y el CSS usan color, pero casi nunca en el mismo formato. En lugar de alternar entre las herramientas de desarrollo del navegador y una calculadora, este conversor te da todos los formatos en un solo lugar con comprobación visual — rápido, privado y preciso.
Real-world use cases
- API development: Format JSON responses from Chrome DevTools before committing fixtures.
- Debugging: Validate timestamps, regex or hashes without switching to a terminal or IDE.
- On-call fixes: From your phone, quickly convert timezone or generate a UUID for a hotfix branch.
How it compares
| Tool | Offline | Privacy | Setup | Cost |
|---|---|---|---|---|
| This tool | Yes | 100% local | None | Free |
| Server tools | No | May log IP | None | Free/Ads |
| CLI / IDE plugin | Yes | Local | Install & config | Free |
For quick checks without context switching, the browser tool is fastest. For CI, keep the CLI as source of truth.
Pro tips
- Bookmark the tool. With prefetch enabled, it opens near-instantly next time.
- For secrets like hashes with salts, prefer your local terminal for production values.
- Pair UUID/Password generators with your password manager for rotation workflows.