Gratis en LíneaHerramientas de Desarrollo
Selector de Colores y Convertidor
Seleccione colores y convierta entre HEX, RGB, HSL y CMYK. Genere paletas de colores y degradados en línea.
color pickercolor converterhex to rgbcolor palette generatorcss color tool
#4F46E5
HEX
#4F46E5RGB
rgb(79, 70, 229)HSL
hsl(243, 75%, 59%)HSV
hsv(243, 69%, 90%)CSS
rgba(79, 70, 229, 1)r
g
b
H
S
L
WCAG Contrast Checker
Ratio: 6.29:1
Sample Text
The quick brown fox jumps over the lazy dog
AA Normal: PASS
AA Large: PASS
AAA Normal: FAIL
AAA Large: PASS
CSS Named Colors
Características Principales — Selector de Colores y Convertidor
Selector de color visual con selector de gradiente
Conversión entre HEX, RGB, HSL, HSV y CMYK
Generación de paletas complementarias y análogas
Constructor de gradientes CSS
Verificador de contraste de accesibilidad de colores
Por Qué Usar Esta Herramienta — Selector de Colores y Convertidor
Gratis en Línea Color pickerColor converter — para TodosRápido y Fácil Hex to rgbColor palette generator — 100% GratisGratis en Línea Css color tool
Privacidad Primero
Todo el procesamiento ocurre en tu navegador. Tus datos nunca salen de tu dispositivo.
Ultra Rápido
Obtén resultados instantáneos sin tiempo de espera. Sin retrasos de servidor.
Funciona en Todos Lados
Usa en cualquier dispositivo — escritorio, tablet o teléfono. Sin descargas necesarias.
Preguntas Frecuentes — Selector de Colores y Convertidor
¿Qué formatos de color son soportados?
La herramienta convierte entre HEX (#ff5733), RGB (rgb(255, 87, 51)), HSL (hsl(11, 100%, 60%)), HSV y CMYK. También muestra el nombre de color CSS si existe uno y el nombre de clase de Tailwind CSS para colores coincidentes.
¿Cómo funciona el verificador de contraste?
El verificador de contraste calcula la relación de contraste WCAG entre tu color seleccionado y un color de fondo. Te indica si la combinación pasa los estándares WCAG AA y AAA para texto normal, texto grande y componentes de UI, ayudándote a asegurar un diseño accesible.
¿Puedo extraer colores de una imagen?
Sí. Carga una imagen y la herramienta extrae los colores dominantes para crear una paleta. Haz clic en cualquier parte de la imagen para seleccionar el color de un píxel específico. Esto es útil para combinar colores de diseño con fotografías o imágenes de marca.