¿Cómo convierto HEX a RGB?

Introduce tu código HEX (ej. #FF5733) en el selector de colores y automáticamente verás los valores RGB, HSL y CMYK equivalentes. También puedes copiar el código CSS directamente.

¿Qué es el contraste WCAG?

WCAG (Web Content Accessibility Guidelines) define ratios de contraste mínimos entre texto y fondo para garantizar legibilidad. Un ratio de 4.5:1 es el mínimo para texto normal (nivel AA) y 7:1 para AAA.

¿Es gratuito el selector de colores?

Sí, el selector de colores es 100% gratuito. Todo el procesamiento se realiza en tu navegador sin enviar datos a ningún servidor.

¿Puedo generar paletas de colores?

Sí, puedes generar paletas complementarias, análogas, triádicas y más a partir de cualquier color base.

Selector de Colores

Selector de colores gratuito: convierte entre HEX, RGB, HSL y CMYK al instante. Genera paletas de colores, verifica contraste WCAG y copia códigos CSS. 100% en tu navegador.

Procesamiento: local en tu navegador

Haz clic para elegir

HEX

R: 99

G: 102

B: 241

Valores del Color

HEX

#6366F1

Copiar

RGB

rgb(99, 102, 241)

Copiar

HSL

hsl(239, 84%, 67%)

Copiar

CMYK

cmyk(59%, 58%, 0%, 5%)

Copiar

CSS

#6366F1

Copiar

Selector de Colores y Conversor Online Gratuito

Nuestro selector de colores te permite trabajar con cualquier formato de color utilizado en diseño web y gráfico. Convierte colores entre HEX, RGB, HSL y CMYK al instante, genera paletas de colores armónicas basadas en teoría del color, verifica ratios de contraste WCAG para accesibilidad y copia códigos CSS listos para usar en tus proyectos.

Modelos de Color Explicados

HEX usa notación hexadecimal (#FF5733), el formato más común en CSS y diseño web. RGB define colores con valores de Rojo, Verde y Azul (0-255), el modelo nativo de las pantallas digitales. HSL describe colores por Tono (0-360), Saturación y Luminosidad (0-100%), un modelo más intuitivo para ajustes de color. CMYK se usa en impresión profesional, definiendo colores con Cian, Magenta, Amarillo y Negro.

Generación de Paletas

Genera paletas de colores armónicas automáticamente: complementarios, análogos, triádicos y más. Cada paleta se basa en principios de teoría del color para asegurar combinaciones visualmente agradables. Ideal para diseñar interfaces, branding y material de marketing.

Accesibilidad y Contraste WCAG

Las directrices WCAG 2.1 requieren un ratio de contraste mínimo de 4.5:1 para texto normal y 3:1 para texto grande. Nuestra herramienta calcula estos ratios automáticamente y muestra si tu combinación de colores cumple los niveles AA y AAA. Crear diseños accesibles no es solo una buena práctica, es un requisito legal en muchos países.

Preguntas Frecuentes

¿Cómo convierto HEX a RGB?: Introduce tu código HEX (ej. #FF5733) en el selector de colores y automáticamente verás los valores RGB, HSL y CMYK equivalentes. También puedes copiar el código CSS directamente.
¿Qué es el contraste WCAG?: WCAG (Web Content Accessibility Guidelines) define ratios de contraste mínimos entre texto y fondo para garantizar legibilidad. Un ratio de 4.5:1 es el mínimo para texto normal (nivel AA) y 7:1 para AAA.
¿Es gratuito el selector de colores?: Sí, el selector de colores es 100% gratuito. Todo el procesamiento se realiza en tu navegador sin enviar datos a ningún servidor.
¿Puedo generar paletas de colores?: Sí, puedes generar paletas complementarias, análogas, triádicas y más a partir de cualquier color base.

Herramientas de Diseño Profesional

Cuando ya tienes el HEX o la paleta correctos del selector de arriba, estas son las apps de diseño que usamos para convertir colores en trabajo terminado: maquetas de UI, ilustraciones y recursos de marca.

Elección principal

Canva Pro