Beige: significado, paletas, colores complementarios y armonías
Explora el color beige: psicología, la rueda de color (complementario, análogo, triádico), accesible combinaciones de coloresy paletas listas. Convertir entre MALEFICIO, RGB, y HSL, copie las variables CSS y descargue una paleta PNG.
Consejo: presione Ingresar en cualquier campo para actualizar todos los valores.
Beige de un vistazo
El beige evoca calma, calidez, sencillez y sofisticación. Este neutral se adapta a interfaces de usuario minimalistas, interiores, marcas de belleza y estilo de vida y diseños editoriales.
El beige es muy claro. Utilice texto oscuro en superficies beige; combine detalles en beige con carbón, azul marino o verde intenso para lograr el contraste WCAG en botones y títulos.
Paletas Beige
Generado automáticamente tintes (más blanco), sombras (más negro), y tonos (más gris). Haga clic en cualquier muestra para copiar HEX o exportar todo como variables CSS. También puedes descargar una paleta PNG.
tintes
Sombras
Tonos
Armonías de la rueda de colores
Explorar complementario pares, análogo vecinos, y triádico conjuntos de este beige. Estas combinaciones te ayudarán a encontrar colores que combinen bien.
Los opuestos generan contraste; Los complementos más oscuros y frescos ayudan al toque beige.
Los vecinos cálidos se sienten cómodos: utilícelos en fondos y degradados.
Los tonos espaciados uniformemente brindan una variedad equilibrada a los tableros.
Características
- sincronizado HEXAGONAL ↔ RGB ↔ HSL conversión.
- Paletas generadas: tintes, sombras, tonos.
- Armonías de la rueda de colores: complementario, análogo, triádico.
- Un clic variables CSS y descargable PNG paleta.
Aplicaciones
Beige admite diseño minimalista, diseños editoriales, marcas de belleza/estilo de vida y tarjetas de productos de comercio electrónico. Combínelo con carbón, azul marino, oliva, verde bosque o ciruela apagado para contrastar. Reserve los acentos saturados con moderación para mantener la sensación de neutralidad.
Cómo utilizar
- Introduzca un HEX (p. ej.
#F5F5DC) o valores RGB/HSL y presione Ingresar. - Haga clic en cualquier muestra para copiar su HEX. Utilice conjuntos complementarios o triádicos para contrastar.
- Descargue la paleta PNG o copie las variables CSS para su sistema de diseño.
- Verifique el contraste (blanco/negro) para mantener el texto legible en las interfaces de usuario beige.
Preguntas frecuentes
¿Qué colores combinan bien con el beige?
Carbón, azul marino, verde bosque, ciruela apagada y verde azulado intenso. Para combinaciones suaves, agregue cremas cálidas y bronceados para una combinación monocromática.
¿Cuál es el color opuesto del beige?
En una rueda RGB/HSL, un opuesto azul cian proporciona el mayor contraste percibido. Debido a que el beige es claro y tiene poca cromatidad, elija complementos más profundos.
¿El beige es bueno para el texto del cuerpo?
Utilice texto oscuro sobre fondos beige, no texto beige sobre fondo blanco. El beige es excelente como color de superficie, tarjeta o barra lateral.
Contenido actualizado por última vez: 18 de noviembre de 2025.