Selector de Colores

Toma colores desde entrada manual, la pantalla o imágenes subidas en el navegador y muestra valores HEX, RGB, HSL, HSV, CMYK y CSS.

Selector de Colores

El selector de colores permite tomar colores localmente en el navegador desde entrada manual, la pantalla o píxeles de una imagen, y entrega al instante valores HEX, RGB, HSL, HSV, CMYK y CSS para trabajo frontend, handoff de diseño, temas y validación.

Cómo usarlo

  1. Elige un color manualmente y ajusta la transparencia si hace falta.
  2. Si el navegador lo permite, usa el cuentagotas de pantalla para capturar un color de la interfaz.
  3. También puedes subir una imagen y hacer clic en cualquier píxel para muestrearlo.
  4. Copia el formato que necesites para CSS, especificaciones de diseño o archivos de configuración.

Características

  • Soporta entrada manual, captura de pantalla y muestreo por píxel en imágenes
  • Entrega valores HEX, RGB, HSL, HSV, CMYK y CSS
  • Funciona localmente en el navegador sin subir imágenes

Por qué usarlo

  • Mantener alineados los colores entre frontend y diseño
  • Recuperar colores exactos desde capturas, interfaces e imágenes
  • Validar colores mientras trabajas en temas y estilos

Herramientas relacionadas

Creador de GIF

Convierte imágenes estáticas o clips en GIF animados.

Redimensionador de Imágenes

Redimensiona imágenes por lotes usando píxeles o porcentaje, con bloqueo de proporción y exportación local.

Imagen a ICO

Convierte imágenes en archivos ICO para favicons e iconos de apps, con varios tamaños dentro del mismo archivo.

SVG a PNG/JPG

Exporta SVG como PNG o JPG con tamaño, color de fondo y descarga local.

Optimizador SVG

Optimiza código SVG en tu navegador, elimina metadatos extra y exporta una versión más limpia.

Visor EXIF

Lee EXIF, GPS, cámara y parámetros de captura de imágenes directamente en tu navegador.

Limpiador de metadatos de imagen

Elimina EXIF, XMP, ICC y otros metadatos de imágenes JPEG, PNG y WebP directamente en tu navegador.

Extractor de paleta de imagen

Extrae colores dominantes, proporciones y paletas de una imagen, con exportación local en HEX, CSS o JSON.

Convertidor de Colores

Convierte colores entre HEX, RGB, HSL, HSV, HWB, LAB, LCH, CMYK y palabras clave CSS dentro del navegador con soporte bidireccional y canal alfa.

Comprobador de Contraste

Comprueba la relación de contraste WCAG entre colores de primer plano y fondo en el navegador, con niveles AA / AAA para texto normal y grande.

Generador de Gradientes CSS

Crea linear-gradient, radial-gradient y conic-gradient dentro del navegador con edición de color stops, vista previa en vivo y salida CSS lista para copiar.

Generador de Box Shadow CSS

Ajusta offset, blur, spread, opacidad, radio e inset de box-shadow dentro del navegador con vista previa en vivo y salida CSS lista para copiar.

Nombres de Colores HTML

Explora y busca colores nombrados de HTML / CSS en el navegador, y copia el nombre del color, HEX o RGB.

Generador de Favicon

Genera recursos favicon comunes, site.webmanifest y snippets HTML desde una sola imagen.

Gemini Watermark Remover

Elimina localmente en tu navegador la marca visible de Gemini, con procesamiento y descarga por lotes.

Imagen a AVIF

Convierte PNG, JPG y otras imágenes a AVIF por lotes con calidad, escala y descarga ZIP.

Compresor PNG

Comprime archivos PNG manteniendo salida PNG, con escala, reducción de colores, vista previa y descarga ZIP.

Imagen a WebP

Convierte PNG, JPG y otras imágenes a WebP por lotes con calidad, escala, vista previa y descarga ZIP.