Selector de Color
Selecciona colores, extrae de imágenes, genera paletas y verifica contrastes. Soporta HEX, RGB, HSL, HSV y CMYK.
Extracción de Color de Imagen
Arrastra una imagen o haz clic para subir
Colores Dominantes
Agrega colores a tu paleta
Texto de muestra en tamaño normal (14px)
Texto Grande de Muestra
Relación de Contraste
21:1
AA Texto normal
Pasa
AA Grande
Pasa
AAA Texto normal
Pasa
AAA Grande
Pasa
90°
Cuándo Usar Este Selector de Color
Nuestro selector de color gratuito ayuda a diseñadores y desarrolladores a trabajar con colores:
-
Diseño Web
Selecciona colores perfectos para sitios web y verifica relaciones de contraste para cumplir con accesibilidad.
-
Identidad de Marca
Crea paletas de colores armoniosas para logos, materiales de marketing y guías de marca.
-
Coincidencia de Color de Imagen
Extrae colores de fotos para combinar elementos de diseño con imágenes existentes.
-
Desarrollo CSS
Genera gradientes CSS y exporta paletas de colores como propiedades personalizadas CSS.
-
Pruebas de Accesibilidad
Verifica que las combinaciones de texto y fondo cumplan con los estándares WCAG AA y AAA.
Cómo Usar el Selector de Color
Primeros Pasos
- Haz clic y arrastra en el cuadrado de color para seleccionar saturación y brillo
- Usa el deslizador de tono para cambiar el color base
- Ajusta la opacidad con el deslizador alfa si es necesario
- Copia cualquier formato de color haciendo clic en el botón junto a él
Características
- Selector de color interactivo con vista previa en tiempo real
- Extrae colores de cualquier imagen con el gotero
- Genera combinaciones de colores armoniosas automáticamente
- Crea paletas personalizadas y exporta como CSS o JSON
- Verifica el contraste de color WCAG para accesibilidad
- Crea gradientes CSS con el editor visual
Atajos de Teclado
- Ctrl+C: Copiar color HEX actual
- Ctrl+V: Pegar y aplicar color del portapapeles
- 1-4: Cambiar entre pestañas de características
Consejos
- Sube una imagen para extraer automáticamente sus colores dominantes
- Usa el verificador de contraste para asegurar la legibilidad del texto
- Exporta tu paleta a variables CSS para uso fácil en proyectos