Usa el selector visual para elegir cualquier color, y automáticamente obtendrás los códigos en HEX, RGB y HSL. Puedes copiar con un clic el formato que necesites para CSS, diseño web o aplicaciones.

El código HEX es un formato hexadecimal de 6 caracteres (#RRGGBB) que representa colores en diseño web. Ejemplo: #FF5733 es rojo-naranja. Es el formato más usado en CSS y HTML para definir colores.

RGB usa tres valores (0-255) para Rojo, Verde y Azul: rgb(255, 87, 51). HEX representa lo mismo en hexadecimal: #FF5733. Ambos producen el mismo color; RGB es más legible, HEX más compacto para CSS.

HSL significa Hue (tono), Saturation (saturación) y Lightness (luminosidad). Es más intuitivo para ajustar colores manualmente: hsl(9, 100%, 60%). Útil para crear variaciones de un color base ajustando solo luminosidad o saturación.

Actualmente el selector permite elegir colores del espectro visual. Para extraer colores específicos de imágenes, necesitarás una herramienta de eyedropper o color picker de imagen que analizará píxeles específicos.

Totalmente seguro. La herramienta funciona completamente en tu navegador sin enviar datos a servidores. Los colores que selecciones y copies permanecen privados en tu dispositivo.