edubun
Español

Cómo vemos el color

La retina tiene unos 6 millones de conos de solo tres tipos, y cada color que has visto es una mezcla de cuánto responde cada uno de esos tres tipos.

Cargando el modelo 3D

Arrastra para girar. Usa la rueda de desplazamiento o separa y junta dos dedos para cambiar el zoom.

Tres luces ideales, roja, verde y azul, iluminan una pared oscura. Mueve un control deslizante para atenuar una luz y mira cómo cambian las zonas donde se superponen. El panel indica el color de cada zona como un código hexadecimal.

El color empieza como luz

Una manzana roja no contiene rojo. La luz del sol que llega a ella lleva todas las longitudes de onda visibles, desde el violeta, hacia los 400 nanómetros, hasta el rojo intenso, cerca de 700. La piel de la manzana absorbe la mayoría de las longitudes de onda cortas y medias y devuelve las largas. Esas longitudes de onda largas llegan a tu ojo, y tu cerebro llama rojo al resultado. Si cambias la luz, cambia el color: bajo una lámpara azul pura, la misma manzana se ve casi negra, porque no hay luz de onda larga que pueda devolver.

La especificación CSS Color del W3C lo dice con cuidado. El color de un objeto depende de cuánta luz refleja en cada longitud de onda y de la luz que cae sobre él. El color de algo que emite luz, como una pantalla, depende de cuánta luz emite en cada longitud de onda. Dos objetos con espectros distintos pueden verse exactamente iguales, y cuando eso pasa, decimos que tienen el mismo color.

Tres tipos de conos

OpenStax College Physics cuenta unos 6 millones de conos en la retina humana. Hay tres tipos, y cada tipo es más sensible a un intervalo distinto de longitudes de onda: uno a la luz de longitud de onda larga (rojiza), otro a la de longitud de onda media (verdosa) y otro a la de longitud de onda corta (azulada). Un solo cono no puede decirte el color de lo que ve. Solo informa de cuántos fotones captó. El color aparece cuando el cerebro compara los tres tipos entre sí.

Por eso la luz amarilla y una mezcla de luz roja y verde pueden verse idénticas. La luz amarilla pura excita los conos sensibles a longitudes de onda largas y medias casi por igual. Lo mismo hace la luz roja más la verde sobre el mismo punto. Los conos envían el mismo mensaje, y el cerebro ve el mismo amarillo. OpenStax también señala que no existe un único conjunto de tres primarios: otros conjuntos también sirven. El rojo, el verde y el azul son simplemente un conjunto cómodo para las pantallas, porque cada uno activa sobre todo un tipo de cono.

ContextoEn la década de 1660, Isaac Newton empezó a pasar la luz del sol por prismas de vidrio en una habitación oscura. Mostró que la luz blanca está formada por una banda de colores y que un segundo prisma no podía dividir esos colores más. Publicó el trabajo en Opticks en 1704. En el mismo libro curvó la banda hasta formar un círculo, dividió su borde en siete partes con las proporciones de una escala musical y puso el blanco en el centro. Ese dibujo es uno de los primeros círculos cromáticos, y cada rueda de tonos de este curso desciende de él.

Qué hace una pantalla con esto

Mira la pantalla de un teléfono con una lupa y verás diminutos elementos rojos, verdes y azules. La pantalla nunca produce luz amarilla. Enciende los elementos rojo y verde uno al lado del otro, son demasiado pequeños para distinguirlos, y tus conos sensibles a longitudes de onda largas y medias responden como lo harían ante el amarillo. Si subes los tres, ves blanco. Si los apagas todos, ves negro, o más bien el vidrio oscuro de la pantalla. En el modelo de arriba, el centro donde se superponen las tres luces es blanco, y cada par da un color más claro que cualquiera de las dos luces por separado. Esa es la regla para mezclar luz: sumar luces siempre hace el resultado más brillante.

Como tres números bastan para describir lo que informan los conos, tres números bastan para describir un color en una pantalla. El resto de este curso trata de esos tres números: cómo ordenarlos en un sólido que puedes girar, cómo elegir colores que combinan y cómo comprobar que un color se puede leer sobre su fondo.

  • Década de 1660: Newton descompone la luz del sol con prismas.
  • 1704: Se publica Opticks, con un círculo cromático de siete partes.
  • hacia 1722: Le Blon describe la impresión en tres colores en Coloritto.
  • 1861: Maxwell muestra una fotografía en color hecha con tres imágenes filtradas.
  • 2018: WCAG 2.1 se convierte en Recomendación del W3C.
Ideas clave
  • Los objetos reflejan algunas longitudes de onda; las pantallas emiten luz. Ambos llegan al ojo como un espectro.
  • La retina tiene unos 6 millones de conos de tres tipos.
  • Espectros distintos pueden verse idénticos cuando excitan los conos de la misma manera.
  • Las pantallas mezclan luz roja, verde y azul; las tres a plena intensidad se ven blancas.
  1. ¿Por qué una manzana roja se ve roja a la luz del sol?
    • Refleja sobre todo longitudes de onda largas
    • Produce luz roja
    • Absorbe la luz roja
    • La luz del sol es roja
  2. Según OpenStax, ¿cuántos millones de conos hay en una retina humana, más o menos?
  3. ¿Cuántos tipos de conos tiene un ojo humano típico?
  4. La luz roja y la verde se superponen en una pared blanca. ¿Qué color ves?
    • Amarillo
    • Marrón
    • Azul
    • Negro
  5. ¿Qué ves cuando las luces roja, verde y azul brillan a plena intensidad sobre el mismo punto?
    • Blanco
    • Negro
    • Gris pardo
    • Morado
  6. Una manzana está iluminada solo por una lámpara azul pura. ¿Cómo se ve?
    • Muy oscura, casi negra
    • Rojo brillante
    • Morado
    • Amarillo
  7. Dos luces tienen espectros distintos pero se ven exactamente iguales. ¿Qué dice CSS Color 4 de ellas?
    • Tienen el mismo color
    • Una de ellas está equivocada
    • No pueden existir
    • Tienen colores distintos
  8. ¿En qué año se publicó Opticks de Newton?
  9. ¿En cuántas partes dividió Newton el borde de su círculo cromático?
    • 7
    • 3
    • 12
    • 6
  10. ¿Por qué las pantallas usan el rojo, el verde y el azul como primarios?
    • Cada uno activa sobre todo un tipo de cono
    • Son los únicos primarios posibles
    • Son los tintes más baratos
    • Los eligió Newton
Fuentes de este curso (14)
  • W3C, Web Content Accessibility Guidelines (WCAG) 2.2, relative luminance (0.04045 threshold, note on the pre-May-2021 value 0.03928)
  • contrast ratio (L1 + 0.05) / (L2 + 0.05)
  • range 1:1 to 21:1, SC 1.4.1 Use of Color, 1.4.3 Contrast (Minimum) 4.5:1 and 3:1 for large-scale text (18 pt, or 14 pt bold)
  • 1.4.6 Contrast (Enhanced) 7:1 and 4.5:1, 1.4.11 Non-text Contrast 3:1, WCAG 2.1 published June 2018 (w3.org/TR/WCAG22/)
  • W3C, CSS Color Module Level 4, hex notation, hsl with 0deg red, 120deg green, 240deg blue, hsl(60deg 100% 50%) yellow vs hsl(240deg 100% 50%) blue at the same HSL lightness, hue spacing not perceptually uniform, HSL as a cylindrical model (w3.org/TR/css-color-4/)
  • OpenStax College Physics 2e, 26.3 Color and Color Vision: about 6 million cones of three types, red + green gives yellow, no unique set of primaries (openstax.org/books/college-physics-2e/pages/26-3-color-and-color-vision)
  • OpenStax Introduction to Behavioral Neuroscience, 6.2 The Retina: RGB pixels, CMY inks plus black, red-green colour blindness in about 8% of males (openstax.org/books/introduction-behavioral-neuroscience/pages/6-2-the-retina)
  • Smithsonian Libraries, Color in a New Light, The Science of Color: Newton's prism experiments from the 1660s, Opticks 1704, Le Blon's Coloritto (London, about 1722) and the distinction between material colours and coloured light (library.si.edu/exhibition/color-in-a-new-light/science)
  • The Newton Project (University of Oxford)
  • Opticks 1704, Book I Part II Prop. VI: colour circle divided into seven parts in musical proportion, white at the centre (newtonproject.ox.ac.uk/view/texts/normalized/NATP00034)
  • History of Information and Wikimedia Commons file record, Maxwell's 1861 Royal Institution demonstration, tartan ribbon photographed by Thomas Sutton through red, green and blue filters and projected together (historyofinformation.com/detail.php?id=3666)
  • LibreTexts, Coalinga College Drawing Basics 8.4 Color Theory: complementary, analogous, split-complementary, triadic, tetradic (human.libretexts.org)
  • RMIT Colour Theory, Interactive colour wheel and colour relationships (rmit.pressbooks.pub/colourtheory1)
  • University of Delaware Library, Graphic Design guide, Color Schemes, 60/30/10 rule (guides.lib.udel.edu/design/color).

Fecha de consulta: 2026-10-17