Rueda de color y generador de paletas gratis
La rueda de color y el generador de paletas de color de Banani te ayuda a encontrar combinaciones de colores hermosas al instante. Usa gratis nuestro selector de color online en HEX o RGB para diseño de UI, sitios web, branding, presentaciones y proyectos creativos.
Directorio curado de recursos de diseño gratuitos para ayudar a diseñadores y desarrolladores a crear mejores interfaces de usuario.
Elige un color
Elige un color
Palette type
Your Palette
¿Cómo usar un generador de paletas de colores?
¡Descubre nuevas oportunidades en tecnología! Únete a la revolución digital con las mejores herramientas y recursos. Nuestra comunidad de diseñadores, PMs, desarrolladores, fundadores y hackers independientes está transformando el futuro.
Elige un color
Elige un color base usando la rueda de color o un código HEX/RGB.
Elige un color base usando la rueda de color o un código HEX/RGB.
2
Selecciona el tipo de paleta
Haz clic en una paleta complementaria, dividida o monocromática.
Haz clic en una paleta complementaria, dividida o monocromática.
3
Copiar y aplicar
Usa tu paleta de colores personalizada en diseño de UI, PPTs o branding.
Usa tu paleta de colores personalizada en diseño de UI, PPTs o branding.
¿Quién usa un generador de paletas de colores?
Los generadores de paletas de color en línea los usan diversos profesionales creativos y estudiantes por igual. Por ejemplo, los PM los usan para diseño rápido de UI, los programadores vibe para crear esquemas de color consistentes en sus creadores de apps con IA, y los estudiantes para aprender fundamentos de UI/UX.
¿Qué es una rueda de color?
Una rueda de color es un gráfico circular que muestra la relación entre todos los colores visibles para el ojo humano. Ayuda a diseñadores, artistas y creadores a entender la teoría del color, explorar armonías cromáticas y crear combinaciones equilibradas.
¿Quién inventó el círculo cromático?
Isaac Newton inventó la rueda cromática en 1666 al representar el espectro de luz visible en un formato circular. Sentó las bases de la teoría moderna del color y los principios de diseño.
¿Cómo usar la rueda de color?
Empieza seleccionando un color base en la rueda. Usa reglas de armonía del color para encontrar combinaciones que funcionen. Con nuestra herramienta gratuita de rueda de color, puedes generar paletas al instante basadas en estas reglas. Puedes llevarlo más lejos con diseño por vibra con Banani AI.
¿Qué es la teoría del color?
¿Te has preguntado alguna vez cómo diseñadores y artistas crean esquemas de color perfectos? Se apoyan en la teoría del color, una mezcla de arte y ciencia que ayuda a determinar qué colores funcionan bien juntos. El concepto de la rueda cromática sienta las bases de la teoría del color.
Armonía de color
Armonía de color
Los colores que funcionan bien juntos crean lo que se conoce como una "armonía de color". Los diseñadores usan estas armonías para lograr efectos visuales concretos. La rueda de color ayuda a identificar estas armonías mediante varias reglas de combinación, permitiendo a los diseñadores crear paletas de colores agradables y efectivas.
Los colores que funcionan bien juntos crean lo que se conoce como una "armonía de color". Los diseñadores usan estas armonías para lograr efectos visuales concretos. La rueda de color ayuda a identificar estas armonías mediante varias reglas de combinación, permitiendo a los diseñadores crear paletas de colores agradables y efectivas.
¿Cuáles son los principales tipos de armonías de color?
Hay 4 tipos principales de armonías de color: monocromática, análoga, complementaria, complementaria dividida y triádica.
¿Cuáles son los principales tipos de armonías de color?
Hay 4 tipos principales de armonías de color: monocromática, análoga, complementaria, complementaria dividida y triádica.
Tipos de ruedas cromáticas
Tipos de ruedas cromáticas
Rueda de color RYB
Usada por artistas para mezclar pinturas. Incluye colores primarios (rojo, amarillo, azul), secundarios (naranja, verde, morado) y terciarios (rojo-naranja, amarillo-naranja, etc.).
Rueda de color RGB
Diseñada para pantallas digitales y uso en línea, enfocada en la mezcla de luz. Incluye colores primarios (rojo, verde, azul) y secundarios (cian, magenta, amarillo).
Rueda de color RYB
Usada por artistas para mezclar colores de pintura. Incluye colores primarios (rojo, amarillo, azul), secundarios (naranja, verde, morado) y terciarios (rojo anaranjado, amarillo anaranjado, etc.).
Rueda de color RGB
Diseñada para pantallas digitales y uso online, centrada en la mezcla de luz. Incluye colores primarios (rojo, verde, azul) y secundarios (cian, magenta, amarillo).
Combinaciones de Colores
Colores complementarios
Colores ubicados justo enfrente en la rueda, creando alto contraste y visuales vibrantes.
Colores monocromáticos
Distintos matices, tintes y tonos de un solo color base, para un look sutil y cohesivo.
Colores análogos
Tres colores adyacentes en la rueda, creando una paleta armoniosa pero potencialmente cargada. Usa un color dominante y los otros como acentos.
Colores triádicos
Tres colores equidistantes en la rueda, con alto contraste pero más equilibrio que los esquemas complementarios.
Colores tetrádicos
Cuatro colores equidistantes alrededor de la rueda, formando un rectángulo. Este esquema funciona mejor cuando necesitas un color dominante y otros de acento.
Colores complementarios divididos
Un color base combinado con los dos colores adyacentes a su complementario, creando contraste con un toque más suave.
Colores complementarios
Colores ubicados directamente opuestos en la rueda, creando alto contraste e imágenes vibrantes.
Colores monocromáticos
Distintos matices, tintes y tonos de un solo color base, ofreciendo un aspecto sutil y cohesivo.
Colores análogos
Tres colores adyacentes en la rueda, creando una combinación armoniosa pero potencialmente abrumadora. Usa un color dominante y los otros como acentos.
Colores triádicos
Tres colores equidistantes en la rueda, ofreciendo alto contraste pero con más equilibrio que las combinaciones complementarias.
Colores tetrádicos
Cuatro colores equidistantes alrededor de la rueda, formando un rectángulo. Este esquema de color funciona mejor cuando necesitas un color dominante y otros colores de acento.
Colores complementarios divididos
Un color base combinado con los dos colores adyacentes a su complementario, creando contraste con un toque más suave.
¿Cómo creo una paleta de colores complementarios?
En nuestra rueda de color, elige un color base y luego selecciona el color directamente opuesto para crear un esquema de color complementario.
Los esquemas de color complementarios crean un fuerte contraste, visuales vibrantes y paletas equilibradas, comunes en interfaces populares de UI para apps móviles.
En nuestra rueda de color, elige un color base y luego selecciona el color directamente opuesto para crear un esquema de color complementario.
Los esquemas de color complementarios crean un fuerte contraste, visuales vibrantes y paletas equilibradas, comunes en interfaces populares de UI para apps móviles.
¿Qué es la regla de color 60/30/10/10?
La regla 60/30/10/10 ayuda a equilibrar los colores en el diseño. La idea es usar 60% de color primario, 30% de color secundario y dos colores de acento del 10% para crear un diseño visualmente equilibrado. Es una de las reglas de diseño más fundamentales y universales aplicadas por artistas visuales profesionales.
Con Banani AI, puedes diseñar UI siguiendo la regla 60/20/10/10 u otras reglas de color simplemente con un prompt de texto.
La regla 60/30/10/10 ayuda a equilibrar los colores en el diseño. La idea es usar 60% de color primario, 30% de color secundario y dos colores de acento del 10% para crear un diseño visualmente equilibrado. Es una de las reglas de diseño más fundamentales y universales aplicadas por artistas visuales profesionales.
Con Banani AI, puedes diseñar UI siguiendo la regla 60/20/10/10 u otras reglas de color simplemente con un prompt de texto.
Categorías de color
Categorías de color
Colores primarios
En la rueda RGB: rojo, verde, azul. Estos colores se mezclan para crear luz blanca. En la rueda RYB: rojo, amarillo, azul. Estos son colores fundamentales que se mezclan para crear colores secundarios.
Colores secundarios
En la rueda RGB: cian, magenta, amarillo.
En la rueda RYB: morado, naranja, verde.
Colores terciarios
Colores creados al mezclar un color primario con uno secundario, añadiendo complejidad a tu paleta.
Colores primarios
En la rueda RGB: rojo, verde, azul. Estos colores se mezclan para crear luz blanca. En la rueda RYB: rojo, amarillo, azul. Son colores fundamentales que se mezclan para crear colores secundarios.
Colores secundarios
En la rueda RGB: cian, magenta, amarillo.
En la rueda RYB: morado, naranja, verde.
Colores terciarios
Colores creados al mezclar un color primario con uno secundario, añadiendo complejidad a tu paleta.
Sombras, tintes y tonos
Sombras, tintes y tonos
Sombra
Creado al añadir negro a un tono base, dando como resultado un color más oscuro y dramático.
Tinte
Formado al añadir blanco a un tono base, haciendo el color más claro y suave.
Tono
Producido al mezclar negro y blanco (o gris) con un tono base, creando una versión más matizada del color.
Sombra
Se crea añadiendo negro a un color base, dando como resultado un color más oscuro y dramático.
Tinte
Se forma añadiendo blanco a un color base, haciendo el color más claro y suave.
Tono
Se produce mezclando negro y blanco (o gris) con un color base, creando una versión más matizada del color.
Colores cálidos y fríos
Colores cálidos y fríos
Colores cálidos
Van del rojo al amarillo y evocan calidez y energía.
Colores fríos
Van del azul al verde y al morado, asociados con calma y tranquilidad.
Colores cálidos
Van del rojo al amarillo y evocan calidez y energía.
Colores fríos
Van del azul al verde y al morado, asociados con calma y tranquilidad.
Tono, saturación y luminancia
Tono, saturación y luminancia
Tono
Cualquier color individual en la rueda cromática.
Saturación
La intensidad o pureza del color.
Luminancia
El brillo u oscuridad del color.
Tono
Cualquier color individual en la rueda cromática.
Saturación
La intensidad o pureza del color.
Luminancia
El brillo u oscuridad del color.
Preguntas frecuentes
¿Cuántos colores hay en la rueda de colores?
La rueda de colores estándar tiene 12 colores: 3 primarios, 3 secundarios y 6 terciarios, organizados en formato circular para mostrar relaciones y armonías de color.
¿Cómo funciona el generador de paletas de colores?
Un generador de paletas usa reglas de teoría del color para crear combinaciones que encajan a partir de un color base seleccionado. Puede generar paletas complementarias, monocromáticas, análogas, triádicas y personalizadas al instante.
¿Cuáles son buenas combinaciones de 3 colores?
Es bastante subjetivo, pero las combinaciones de 3 colores más populares incluyen azul-blanco-naranja, negro-blanco-rojo, verde-beige-marrón y azul marino-cian-morado. Úsalas y más en UI móvil/web con Banani AI.
¿Cómo comparto mis paletas de color personalizadas?
Usando un generador de paletas de colores, puedes copiar códigos HEX o RGB, exportar paletas o compartir capturas. Si quieres usar tu paleta en generación real de UI, Banani te permite generar interfaces con tus colores personalizados y compartirlas mediante enlaces de vista previa.
¿Puede ChatGPT decirme cuál es mi paleta de colores?
Sí, ChatGPT puede sugerir paletas de colores según estados de ánimo, temas, marcas o imágenes de referencia. Para aplicar colores con IA a diseños de UI, herramientas como Banani funcionan mejor.
¿Cuál es una relación de contraste ideal para accesibilidad?
Para accesibilidad, WCAG recomienda una relación mínima de contraste de 4.5:1 para texto normal y 3:1 para texto grande o elementos de UI para garantizar legibilidad en todos los dispositivos y usuarios.
¿Existe una IA para generar UI con la combinación de colores deseada?
Sí. Herramientas de UI con IA como Banani pueden generar interfaces usando tus combinaciones de colores preferidas, paletas de marca o estilos de referencia. Puedes aplicar colores personalizados a un nuevo diseño de UI o a una captura de UI existente, simplemente chateando con su IA.
Directorio curado de recursos de diseño gratuitos para ayudar a diseñadores y desarrolladores a crear mejores interfaces de usuario.
¿Necesitas inspiración para colores?
Explora y edita las apps mejor diseñadas para ahorrar tiempo investigando paletas de color.
Explora y edita las apps mejor diseñadas para ahorrar tiempo investigando paletas de color.
PRODUCTO
Útiles
Imagen a Figma
LECTURA
IDIOMA
PRODUCTO
Útiles
Imagen a Figma
LECTURA
IDIOMA
PRODUCTO
Útiles
Imagen a Figma
LECTURA
IDIOMA
PRODUCTO
Útiles
Imagen a Figma
LECTURA
IDIOMA