Selector de color

¿Qué es esta herramienta?

Selecciona cualquier color visualmente y convierte entre formatos HEX, RGB y HSL. Copia valores al instante para usar en CSS y herramientas de diseño.

Selector de color — HEX, RGB y HSL permite elegir colores visualmente o calcular colores derivados en formatos útiles para CSS y sistemas de diseño. HEX, RGB y HSL expresan el mismo color con coordenadas distintas.

Funciona bien para maquetas UI, tokens de diseño, variables CSS y combinaciones de color que necesitas revisar y copiar rápido.

Cómo usar

1. Selecciona un color base o escribe un valor HEX.
2. Revisa los valores de color o la paleta calculada.
3. Copia el valor HEX, RGB, HSL o CSS que necesites.
4. Verifica contraste y accesibilidad sobre fondos y textos reales.

Ejemplos

Herramientas y conceptos relacionados

• MDN CSS color values
• Paleta de colores — armonías y temas
• Unidades CSS — px, rem, em y pt