Selector de colores
Elige un color y obtén sus valores en múltiples formatos al instante.
Consejos para trabajar con colores
HEX vs RGB vs HSL
HEX es el más común en diseño web (CSS, HTML). RGB es estándar para pantallas. HSL permite ajustar tono, saturación y luminosidad de forma intuitiva.
CMYK para impresión
Si tu diseño se imprimirá, revisa los valores CMYK. Los colores de pantalla no siempre coinciden con la impresión.
Accesibilidad y contraste
Asegura suficiente contraste entre texto y fondo. WCAG recomienda al menos 4.5:1 para texto normal y 3:1 para texto grande.
Crear una paleta de colores
Usa los controles HSL para crear combinaciones armoniosas. Mantén el tono y varía saturación y luminosidad, o gira el tono 30° para colores análogos.
Casos de uso comunes
Elige colores de marca, obtén valores HEX o RGB listos para CSS y asegura consistencia.
Encuentra el color exacto de una referencia y conviértelo a CMYK para impresión o RGB para pantalla.
Reproduce los colores de marca con precisión en diapositivas, informes y materiales de marketing.
Crea temas visuales coherentes reutilizando colores exactos en publicaciones e historias.
Visualiza colores de pintura o muebles antes de comprar — compara valores HEX con catálogos de pinturas.
Comprende cómo se relacionan HEX, RGB, HSL y CMYK experimentando con conversiones en vivo.
Preguntas frecuentes
¿Cuál es la diferencia entre HEX, RGB y HSL?
HEX is a compact six-character code used in web development (e.g. #2563EB). RGB defines colors by their red, green, and blue components (0–255 each). HSL describes color by hue (0–360°), saturation (0–100%), and lightness (0–100%), making it easier to adjust colors intuitively.
¿Cuándo debo usar CMYK en lugar de RGB?
Usa CMYK para impresión (folletos, tarjetas, pósteres) y RGB para pantallas (web, apps, vídeos). Los colores pueden cambiar, así que revisa siempre el CMYK antes de imprimir.
¿Puedo escribir un código de color directamente?
Sí. Puedes escribir o pegar un código HEX, o introducir valores RGB, HSL o CMYK. El selector y los demás formatos se actualizarán automáticamente.
¿Qué significa el formato RGB (int)?
RGB (int) es una representación entera donde los valores rojo, verde y azul se empaquetan en un solo número. Se usa en algunos entornos de programación.
¿Mis datos se envían a un servidor?
No. All color calculations happen entirely in your browser. No data is transmitted to any server.
¿Puedo guardar o descargar el color?
Sí. Puedes descargar el color como imagen PNG o copiar cualquier formato (HEX, RGB, HSL, CMYK) con un clic.