Los formatos de color aparecerán aquí
Pega un valor HEX, RGB o HSL para ver los tres.
Pega un color en cualquier notación habitual y obtén los otros formatos al instante.
Cómo funciona
Para CSS, entrega de diseños y guías de marca.
HEX con o sin almohadilla, rgb() o hsl(): el formato se detecta automáticamente.
Las tres notaciones se muestran junto a una muestra del color real.
Haz clic en cualquier línea para copiarla.
Más herramientas de navegador gratuitas en Nano Banana Lab.
Porque es legible: tono, saturación y luminosidad. Hacer un color más claro significa cambiar un solo número en lugar de adivinar tres.
Rojo, verde y azul, cada uno de 00 a FF. Un HEX de tres caracteres es lo mismo con cada par duplicado.
El canal alfa no se convierte aquí; la herramienta trabaja con el color sólido.
No. La conversión es una aritmética realizada en tu navegador.