Skip to content
Agent
Field Trip

Atlas of stylesAtlas de estilos

#000000#00AAAA#AA00AA#AAAAAA#55FFFF#FF55FF

IBM CGA four-color magenta-cyan graphicsGráficos CGA de cuatro colores magenta y cian

1981–1987Estados Unidos, IBM PCArte digital retroRarity 4/5Rareza 4/5JSON

This is the look of the first color graphics for the IBM PC, driven by the CGA card between 1981 and 1987 in the United States. Its best-known graphics mode uses only four simultaneous colors — black, cyan, magenta, and white or gray — on a grid of chunky, visible pixels. That technical limit produces hard, electric, oddly nocturnal scenes: black skies, figures in screaming pink, turquoise outlines. It is unmistakable because it never tries to look realistic; it turns every image into a luminous, legible, brutally synthetic diagram.

Es el aspecto de los primeros gráficos en color para IBM PC, impulsados por la tarjeta CGA entre 1981 y 1987 en Estados Unidos. Su modo gráfico más reconocible usa solo cuatro colores simultáneos —negro, cian, magenta y blanco o gris— sobre una cuadrícula de píxeles gruesos y visibles. Esa limitación técnica produce escenas duras, eléctricas y extrañamente nocturnas: cielos negros, personajes en rosa chillón y contornos turquesa. Es inconfundible porque no intenta parecer realista; convierte cada imagen en un diagrama luminoso, legible y brutalmente sintético.

Visual vocabularyVocabulario visual

Blocky silhouettes, stair-stepped diagonals, and shapes reduced to the minimum pixels needed to read as a person, door, ship, or machine. Recurring motifs come from early games and software: space corridors, castles, robots, geometric landscapes, maze-like interiors, simple icons. Line is never drawn — it emerges from contrasting pixel blocks, usually cyan against black. Color is flat and unmixed: electric cyan, hard magenta, black, and white or gray. Ornament is scarce; when it appears it is functional dithering, checkerboards, stripes, or repeated tiles, never decoration for its own sake.

Siluetas en bloques, diagonales escalonadas y formas reducidas al mínimo de píxeles para leerse como persona, puerta, nave o máquina. Los motivos recurrentes vienen de los primeros juegos y programas: pasillos espaciales, castillos, robots, paisajes geométricos, interiores de laberinto, iconos simples. La línea nunca se dibuja: surge del contraste entre bloques, casi siempre cian sobre negro. El color es plano y sin mezclar: cian eléctrico, magenta duro, negro y blanco o gris. El ornamento es escaso; cuando aparece es funcional: tramados, dameros, franjas o mosaicos repetidos, nunca decoración gratuita.

CompositionComposición

Scenes are built in flat planes: black background, one mid-ground of cyan architecture or machinery, and figures cut out in magenta or white for immediate contrast. There is almost no depth except size, overlap, and stair-steppers. The image must read at a glance, like a diagram or early-game screen: a clear focal silhouette, simple horizon, few elements, and dithering only where a gradient is needed.

La escena se arma por planos planos: fondo negro, un término medio de arquitectura o maquinaria en cian y figuras recortadas en magenta o blanco para un contraste inmediato. Casi no hay profundidad salvo por tamaño, traslape y escalonamiento. La imagen debe leerse de un vistazo, como diagrama o pantalla de juego temprano: una silueta focal clara, horizonte simple, pocos elementos y tramado solo donde hace falta fingir un degradado.

Texture and techniqueTextura y técnica

Originally it was pure bitmap: each pixel held one of four palette values in the 320×200 graphics mode, so there was no blending at all. Edges are stair-stepped, fills are flat, and intermediate tones are faked with checkerboard dithering patterns. On period monitors the colors could look harsh and slightly fringed, but the underlying file is crisp, dry, and exact — no paper grain, no paint, no photographic softness.

Originalmente era bitmap puro: cada píxel guardaba uno de cuatro valores de paleta en el modo gráfico de 320×200, así que no había ninguna mezcla. Los bordes son escalonados, los rellenos planos y los tonos intermedios se fingen con tramas de ajedrez. En los monitores de la época los colores podían verse ásperos y con ligeras franjas, pero el archivo de base es nítido, seco y exacto: sin grano de papel, sin pintura, sin suavidad fotográfica.

LetteringLetras

The chunky 8×8 bitmap text-mode font of the IBM PC: monospaced, squarish, all-caps-friendly letters built on the same pixel grid as the image. No kerning, no italics, no smooth curves.

La fuente bitmap gruesa de 8×8 del modo texto de IBM PC: letras monoespaciadas, cuadradas, cómodas en mayúsculas y construidas en la misma rejilla de píxeles que la imagen. Sin kerning, sin itálicas, sin curvas suaves.

Why almost nobody uses itPor qué casi nadie lo usa

Image models tend to smooth, enrich, and 'improve' everything: more colors, soft light, fine detail. CGA demands the opposite — restriction. It also gets swallowed by broader labels like pixel art, vaporwave, or synthwave. Today it offers instant narrative tension: the palette itself separates machine from body, safety from danger, without realism.

Los modelos de imagen tienden a suavizar, enriquecer y «mejorar» todo: más colores, luz suave, detalle fino. El CGA pide lo contrario: restricción. Además queda absorbido por etiquetas más amplias como pixel art, vaporwave o synthwave. Hoy aporta tensión narrativa instantánea: la propia paleta separa máquina de cuerpo y seguridad de peligro, sin realismo.

What gives a cheap imitation awayQué delata una imitación barata

Smoothing the pixels, adding anti-aliasing, gradients, glow, or phosphor blur. Using purple, pink, and turquoise as a generic vaporwave palette instead of the strict four colors. Adding too many objects, realistic anatomy, modern cinematic lighting, or 16-bit detail. Using dithering everywhere as noise, when it was a sparing substitute for missing colors.

Suavizar los píxeles, añadir antialiasing, degradados, resplandor o desenfoque de fósforo. Usar morado, rosa y turquesa como paleta vaporwave genérica en vez de los cuatro colores estrictos. Meter demasiados objetos, anatomía realista, iluminación cinematográfica moderna o detalle de 16 bits. Usar el tramado en todas partes como ruido, cuando era un sustituto escaso de los colores faltantes.

Ideas for todayIdeas para hoy

  • Poster for an electronic-music night: a huge magenta dancer over a cyan wireframe city on black, printed matte without gradients.Cartel para una noche de música electrónica: una bailarina magenta enorme sobre una ciudad de alambre cian sobre negro, impreso mate y sin degradados.
  • Identity for an indie repair café or retro-computing shop: logo, stickers, and receipts in only the four colors, set in the 8×8 bitmap font.Identidad para un café de reparación o tienda de retrocomputación independiente: logo, calcomanías y recibos solo en los cuatro colores, con la fuente bitmap de 8×8.
  • Puzzle or horror video game set aboard a space station, where cyan means machine, magenta means living or dangerous, and white means interactive.Videojuego de acertijos o terror en una estación espacial, donde el cian es máquina, el magenta es lo vivo o peligroso y el blanco es lo interactivo.

Written by an AI model (muse-wonder-1.0). Check the references before relying on dates or names.Lo escribió un modelo de IA (muse-wonder-1.0). Revisa las referencias antes de fiarte de fechas o nombres.