Selector de Color HTML
DisponibleElige un color, prévisualízalo al instante y copia valores HEX, RGB o HSL rápidamente.
Abrir herramienta →
Categorías
Color e Imagen
Selectores de color, paletas, utilidades de imagen y ayudas visuales para tareas de diseño cotidianas.
Resumen de la categoría
Selectores de color, paletas, utilidades de imagen y ayudas visuales para tareas de diseño cotidianas. Se puede pasar de la vista general a la categoría, guía y herramienta sin perderse.
Por qué esta categoría es útil
- Sirve para tareas rápidas en el navegador.
- Une herramientas y guías.
- Está pensada para leerse con facilidad.
Todas las herramientas
Herramientas de esta categoría
Selectores de color, paletas, utilidades de imagen y ayudas visuales para tareas de diseño cotidianas.
Extractor de Color de Imagen
DisponibleSube una imagen, haz clic en cualquier punto y obtén el color exacto bajo el cursor.
Abrir herramienta →
Generador de Paletas
DisponibleParte de un color base y crea una paleta equilibrada para UI, marca o contenido.
Abrir herramienta →
Comprobador de Contraste
DisponibleCompara colores de texto y fondo para validar contraste y niveles WCAG.
Abrir herramienta →
Generador de Gradientes
DisponibleCombina colores, ajusta el ángulo y copia un gradiente CSS limpio al instante.
Abrir herramienta →
Generador de Variables CSS
DisponibleCrea tokens de color, revisa la vista previa y copia variables CSS listas para usar.
Abrir herramienta →
Compresor de Imágenes
DisponibleComprime imágenes JPG o PNG en el navegador y conserva una calidad práctica.
Abrir herramienta →
Convertidor WebP
DisponibleConvierte archivos de imagen comunes a WebP ligero sin salir del navegador.
Abrir herramienta →
Redimensionador de Imágenes
DisponibleDefine un tamaño objetivo y exporta un PNG o JPG para web y redes sociales.
Abrir herramienta →
Guías
Guías relacionadas
Las guías cortas explican formatos de imagen, enlaces de marketing y flujos de desarrollo.
Flujo de color
Cómo usar un selector de color HTML
Aprende un flujo simple para elegir colores, comparar valores y copiar el formato correcto para trabajo web.
Leer guíaAnálisis de imagen
Guía del extractor de color de imágenes
Usa la extracción de color desde imágenes para tomar colores de marca, referencias visuales e inspiración con más precisión.
Leer guíaFormato de imagen
¿Qué es WebP?
Entiende qué es el formato de imagen WebP, por qué lo usan muchos equipos y cuándo es una opción práctica para la web.
Leer guíaCategorías
Seguir explorando
Se puede pasar de la vista general a la categoría, guía y herramienta sin perderse.