Selector de Color

Ambos representan los mismos colores usando valores de Rojo, Verde y Azul. HEX usa notación hexadecimal (#FF5733) mientras que RGB usa valores decimales (rgb(255, 87, 51)).

HEX es más compacto y se usa comúnmente en CSS y HTML. RGB es más legible y más fácil de entender de un vistazo. Ambos producen colores idénticos - es puramente una cuestión de preferencia de notación.

HSL (Matiz, Saturación, Luminosidad) se usa comúnmente en CSS y desarrollo web. Es compatible de forma nativa en los navegadores y facilita la creación de variaciones de color ajustando la luminosidad.

HSV (Matiz, Saturación, Valor) se prefiere en herramientas de diseño como Photoshop y Figma porque coincide con cómo percibimos el brillo del color. El componente "Valor" representa el brillo de forma más intuitiva que la "Luminosidad" de HSL.

CMYK (Cian, Magenta, Amarillo, Negro) es el modelo de color estándar para diseño de impresión. A diferencia de RGB que usa luz para crear colores en pantallas, CMYK usa pigmentos de tinta para impresión física.

Si estás creando materiales para impresión - como folletos, tarjetas de presentación, carteles o revistas - usa valores CMYK para asegurar una reproducción precisa del color. Esto evita que los colores se vean diferentes cuando se imprimen en comparación con tu pantalla.

La API del Cuentagotas solo está disponible en los navegadores Chrome y Edge. Si estás usando Firefox, Safari u otros navegadores, esta función no estará disponible.

Esta es una limitación del navegador, no de la herramienta. La API del Cuentagotas es un estándar web relativamente nuevo que aún no ha sido adoptado por todos los navegadores.

• Chrome (versión 95+) - Compatible
• Edge (versión 95+) - Compatible
• Firefox - No compatible
• Safari - No compatible

Tienes dos opciones:

1. Usa la herramienta Cuentagotas (solo Chrome/Edge) - Haz clic en el icono del cuentagotas y selecciona cualquier color visible en tu pantalla, incluyendo de otros sitios web, imágenes o aplicaciones.
2. Ingresa el código HEX - Si tienes el código HEX del color, escríbelo directamente en el campo de entrada HEX. La herramienta acepta formatos de 3 dígitos (#FFF), 6 dígitos (#FFFFFF) y 8 dígitos (#FFFFFFAA).

No. Tus favoritos e historial se almacenan en el almacenamiento local de tu navegador. Permanecen en tu dispositivo y no se suben a ningún lugar.

Esto significa:

• Tus datos de color nunca salen de tu computadora
• No se requiere cuenta ni inicio de sesión
• Privacidad completa - no podemos ver tus colores guardados
• Los colores persisten entre sesiones del navegador en el mismo dispositivo

La opacidad controla qué tan transparente es un color. 100% es completamente opaco (sólido), 0% es completamente transparente (invisible). Los valores intermedios crean colores semitransparentes.

Usos comunes de la opacidad:

• Superposiciones - Fondos semitransparentes sobre imágenes
• Sombras - Sombras suaves con transparencia parcial
• Diseños en capas - Apilar elementos con efectos transparentes
• Efectos hover - Cambios sutiles de transparencia en la interacción
• Degradados - Colores que se desvanecen de opaco a transparente

El valor alpha se incluye en los formatos RGBA y HEX de 8 dígitos (#RRGGBBAA).

¡Sí! Haz clic en el botón Copiar Todo para copiar todos los formatos de color al portapapeles. Cada formato estará en una línea separada, listo para pegar en tu código o documentación.

Ejemplo de salida al copiar todos los formatos:

HEX: #FF5733
RGB: rgb(255, 87, 51)
RGBA: rgba(255, 87, 51, 1)
HSL: hsl(9, 100%, 60%)
HSV: hsv(9, 80%, 100%)
CMYK: cmyk(0%, 66%, 80%, 0%)