QR3 min
Códigos QR: contenido, errores y lectura
Entiende los QR estáticos, la corrección de errores, la zona silenciosa, el tamaño, la privacidad y cómo verificarlos antes de imprimir.
Leer más→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
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.
Artículos relacionados
Aprende más con nuestras guías detalladas y tutoriales relacionados.