Selector de color

Acerca de esta herramienta

Esta herramienta convierte un color entre tres formatos comunes: hex (un código de 6 dígitos como #2E5339 usado en CSS y software de diseño), RGB (intensidades de rojo, verde y azul de 0 a 255) y HSL (tono, saturación y luminosidad). Elige un color con la muestra o escribe directamente un código hex, y los valores RGB y HSL equivalentes se actualizan al instante.

Cómo usar

1. Haz clic en la muestra de color para abrir el selector de color de tu navegador, o escribe un código hex (por ejemplo, #2E5339) en el campo de texto.
2. Comprueba los valores RGB y HSL correspondientes en los cuadros de abajo — se actualizan en cuanto eliges o escribes un color.
3. Haz clic en el icono de copiar junto a hex, RGB o HSL para copiar ese valor al portapapeles.

Casos de uso

• Convertir un color hex de un archivo de diseño a RGB o HSL para una hoja de estilos CSS.
• Hacer coincidir un color de marca entre herramientas o bases de código que esperan formatos de color diferentes.
• Generar un color aleatorio para una paleta con el botón Color aleatorio.