Color Tailwind CSS Zinc 500: códigos y conversión

Como usar este color en un proyecto

zinc-500 es un color equilibrado dentro de Tailwind CSS y puede funcionar como fondo, acento o token visual segun la interfaz. Aqui puedes revisar el mismo valor en HEX, RGB, HSL, LAB y OKLCH antes de llevarlo al sistema de diseno o a la hoja de estilos.

Como combinarlo en la interfaz

Conviene comparar zinc-500 con tonos cercanos de la familia Zinc y revisar el contraste sobre superficies claras y oscuras. Los pasos mas claros suelen encajar mejor en fondos, los intermedios en botones y los profundos en texto, iconos o estados hover.

Que revisar antes de exportar

Un flujo practico es partir de HEX #71717A, validar CMYK y LAB para piezas que puedan imprimirse y usar OKLCH para ajustes finos en UI. Asi se reduce la diferencia entre el diseno, las variables CSS y las salidas en PDF o presentaciones.