Una forma rara de daltonismo incompleto en la que las células cono del ojo son parcialmente funcionales, resultando en una percepción del color severamente reducida pero no completamente ausente. A veces se llama acromatopsia incompleta. Las personas afectadas ven una versión desaturada y de baja saturación del espectro cromático completo.
Ver también: Color Blindness Simulator
Una ausencia completa de la visión del color causada por células cono no funcionales o ausentes en la retina. Las personas con acromatopsia perciben el mundo enteramente en tonos de gris y típicamente experimentan sensibilidad a la luz y agudeza visual reducida. Afecta aproximadamente a 1 de cada 30.000 personas en todo el mundo.
Ver también: Color Blindness Simulator
Un modelo de mezcla de color en el que los colores se crean combinando luz emitida. Los tres colores primarios aditivos son rojo, verde y azul (RGB), y mezclar los tres a máxima intensidad produce blanco. Este modelo gobierna cómo las pantallas, monitores y proyectores muestran el color.
Ver también: RGB Format
Un cuarto canal añadido a un valor de color (más allá del rojo, verde y azul) que representa la opacidad o transparencia de ese color. Un valor alfa de 1 (o 100%) significa completamente opaco, mientras que 0 significa completamente transparente. Se usa ampliamente en CSS a través de rgba(), hsla() y funciones de color modernas.
Ver también: HEX Format, RGB Format
Una armonía de color que consiste en tres colores que están uno al lado del otro en la rueda de colores, típicamente dentro de un arco de 30 grados. Las paletas análogas se sienten cohesivas y serenas porque los colores comparten una familia de tonos común. Funcionan bien para crear diseños unificados y de bajo contraste.
Ver también: Palette Generator
La intensidad percibida de la luz emitida o reflejada por un color, que va desde el negro (sin brillo) hasta la máxima intensidad luminosa. En el modelo de color HSB/HSV, el brillo es el componente 'B' o 'V' y es distinto de la luminosidad en HSL. Aumentar el brillo hace un color más vívido, mientras que disminuirlo mueve el color hacia el negro.
Ver también: HSB Format
Una medida de la cromaticidad de un estímulo en relación con el brillo de una superficie blanca iluminada de manera similar. A diferencia de la saturación, el croma es una medida absoluta — un color altamente cromático parece vívido y puro independientemente de su luminosidad. Es el componente 'C' en los espacios de color LCH y OKLCH.
Ver también: LCH Format, OKLCH Format
Un modelo de color sustractivo utilizado en la producción de impresión, que significa Cian, Magenta, Amarillo y Clave (negro). Las tintas absorben (sustraen) longitudes de onda específicas de la luz del papel blanco, y combinar las cuatro tintas a máxima intensidad produce un negro cercano. CMYK es el modelo de color estándar para impresión offset, impresoras de inyección de tinta y trabajo de prensa comercial.
Ver también: CMYK Format
Una condición en la que la capacidad de un individuo para distinguir ciertos colores está reducida o ausente, causada por fotorreceptores cono faltantes o defectuosos en la retina. Los tipos más comunes son las deficiencias rojo-verde (protanopía, deuteranopía, protanomalía, deuteranomalía), seguidas por la deficiencia azul-amarillo (tritanopía/tritanomalía) y el daltonismo total (acromatopsia). Aproximadamente el 8% de los hombres y el 0,5% de las mujeres en todo el mundo están afectados.
Ver también: Color Blindness Simulator
El rango completo de colores que un dispositivo, espacio de color o proceso de impresión puede reproducir. Una gama más amplia significa que se pueden mostrar o imprimir más colores. Las gamas comunes incluyen sRGB (estándar para web), Display P3 (usado por dispositivos Apple modernos) y Adobe RGB (usado en fotografía).
Ver también: RGB Format
Un principio de la teoría del color que describe combinaciones de colores que son estéticamente agradables y equilibradas cuando se usan juntas. Las reglas de armonía se derivan de relaciones geométricas en la rueda de colores, como arreglos complementarios, análogos, triádicos y tetrádicos. Las armonías de color efectivas crean interés visual mientras mantienen la cohesión.
Ver también: Palette Generator
Un sistema matemático abstracto que describe los colores como tuplas de números, típicamente tres o cuatro componentes. Los ejemplos incluyen RGB (rojo, verde, azul), CMYK (cian, magenta, amarillo, clave) y HSL (tono, saturación, luminosidad). Un modelo de color define cómo se representan los colores numéricamente pero por sí solo no especifica cómo esos números se mapean a colores del mundo real.
Ver también: Color Formats Reference
Una implementación específica de un modelo de color que mapea valores numéricos a colores del mundo real precisos y reproducibles usando primarios definidos, un punto blanco y una función de transferencia (gamma). sRGB, Display P3 y Adobe RGB son todos espacios de color construidos sobre el modelo RGB pero con diferentes gamas. Los espacios de color hacen posible asegurar la consistencia del color entre dispositivos.
Ver también: Color Formats Reference
Una característica de la luz visible que describe si un color parece cálido (rojizo-amarillento) o frío (azulado). Medida en Kelvin para fuentes de luz, temperaturas más bajas (~2700K) producen luz cálida y ámbar mientras que temperaturas más altas (~6500K) producen luz fría de tonos azulados. En diseño, los colores cálidos y fríos influyen en el estado de ánimo y la jerarquía visual.
Un diagrama circular que organiza los tonos alrededor de un círculo basándose en sus relaciones cromáticas, con colores primarios igualmente espaciados y colores secundarios y terciarios colocados entre ellos. Fue desarrollada por primera vez por Isaac Newton en 1666 y sigue siendo la herramienta fundamental para entender las relaciones de color y construir armonías cromáticas. Las ruedas de colores modernas usan sistemas primarios RYB (arte) o RGB (digital).
Ver también: Palette Generator
Dos colores posicionados directamente opuestos entre sí en la rueda de colores, separados por 180 grados. Cuando se colocan uno al lado del otro crean el máximo contraste visual y vibración, pero cuando se mezclan se neutralizan mutuamente hacia el gris. Pares complementarios comunes incluyen rojo/cian, azul/naranja y amarillo/púrpura.
Ver también: Palette Generator
Una medición numérica de la diferencia de luminancia entre un color de primer plano y un color de fondo, expresada como una relación de 1:1 (sin contraste) a 21:1 (negro sobre blanco). WCAG 2.1 requiere una relación de contraste mínima de 4,5:1 para texto normal y 3:1 para texto grande a nivel AA. Las relaciones más altas mejoran la legibilidad para todos los usuarios, incluidos aquellos con baja visión.
Ver también: Contrast Checker
Una especificación del W3C que extiende las capacidades de color de CSS con nuevas funciones de color y espacios de color incluyendo oklch(), lab(), lch(), hwb() y la función color() para espacios de color arbitrarios. Introduce la manipulación de color perceptualmente uniforme directamente en las hojas de estilo, permitiendo a los diseñadores trabajar con gamas más amplias y ajustes de color más predecibles. Es compatible con todos los navegadores modernos desde 2024.
Ver también: CSS Color Converter
Una métrica para cuantificar la diferencia perceptual entre dos colores, donde valores más bajos indican colores que son más visualmente similares. La versión más actual, Delta-E 2000 (CIEDE2000), tiene en cuenta las no uniformidades perceptuales humanas y es el estándar de la industria. Un valor Delta-E por debajo de 1,0 se considera generalmente imperceptible para el ojo humano.
Ver también: Tailwind Color Finder
La forma más común de deficiencia de visión del color, causada por una mutación en el fotopigmento del cono M (verde) que desplaza su sensibilidad hacia el rojo. Esto resulta en una capacidad reducida para distinguir entre tonos rojos y verdes, aunque se mantiene cierta discriminación de color. Afecta aproximadamente al 5% de los hombres y al 0,35% de las mujeres.
Ver también: Color Blindness Simulator
Una forma de daltonismo rojo-verde causada por la ausencia completa de fotorreceptores de cono M (sensibles al verde) en la retina. Las personas con deuteranopía no pueden percibir la luz verde y confunden rojos, verdes y algunos marrones. Afecta aproximadamente al 1,2% de los hombres y al 0,01% de las mujeres.
Ver también: Color Blindness Simulator
Una función de transferencia no lineal aplicada a los valores de color codificados para tener en cuenta la relación no lineal entre los valores numéricos de los píxeles y la luminancia real mostrada en una pantalla. Un valor gamma de 2,2 es el estándar para la mayoría de las pantallas y el espacio de color sRGB. La corrección gamma asegura que las imágenes aparezcan con un brillo consistente en diferentes dispositivos.
El subconjunto completo de colores que pueden ser representados con precisión dentro de un espacio de color particular o reproducidos por un dispositivo específico. Los colores que caen fuera de una gama dada se dice que están 'fuera de gama' y deben ser aproximados o recortados al convertir entre espacios. Las pantallas de gama amplia (p. ej., Display P3) pueden mostrar colores más saturados que los monitores sRGB estándar.
Ver también: Color Formats Reference
Una transición visual suave entre dos o más colores, comúnmente usada como fondos, superposiciones y elementos decorativos en diseño. CSS soporta degradados lineales (a lo largo de un eje recto), degradados radiales (emanando desde un punto central) y degradados cónicos (barriendo alrededor de un punto central). Los degradados pueden crear profundidad, dimensión e interés visual sin necesidad de imágenes.
Ver también: Gradients
Un rango de tonos acromáticos desde el negro a través de varios grises hasta el blanco, sin información de color (saturación cero). En una imagen en escala de grises, cada píxel almacena solo un valor de luminancia. La escala de grises se usa en diseño para fondos neutrales, pruebas de accesibilidad y preparación para impresión.
Una notación de color que representa colores usando una cadena hexadecimal (base-16) con el prefijo #. Un código HEX estándar como #FF5733 codifica los canales rojo, verde y azul como pares de dos dígitos (FF=255, 57=87, 33=51). Soporta la forma abreviada de 3 dígitos (#RGB), 4 dígitos con alfa (#RGBA) y 8 dígitos con alfa (#RRGGBBAA). HEX es el formato de color más ampliamente usado en desarrollo web.
Ver también: HEX Format
Un modelo de color cilíndrico que significa Tono, Saturación y Brillo, también conocido como HSV (Tono, Saturación, Valor). El tono es el ángulo del color (0-360 grados), la saturación mide la pureza del color (0-100%), y el brillo representa la intensidad máxima de luz (0-100%). Es el modelo de color utilizado por la mayoría de los selectores de color visuales en herramientas como Photoshop y Figma.
Ver también: HSB Format
Un modelo de color cilíndrico que significa Tono, Saturación y Luminosidad. El tono se expresa como un grado en la rueda de colores (0-360), la saturación como un porcentaje de intensidad de color (0-100%), y la luminosidad como un porcentaje desde negro (0%) a través del color puro (50%) hasta blanco (100%). HSL es compatible nativamente en CSS y a menudo se prefiere sobre RGB por su estructura intuitiva.
Ver también: HSL Format
El atributo de un color que define su posición en la rueda de colores, medido como un ángulo de 0 a 360 grados. El rojo se sitúa en 0 grados, el verde en 120 grados y el azul en 240 grados. El tono es la cualidad fundamental que distingue una familia de colores de otra y es el componente 'H' en los modelos de color HSL, HSB, HWB, LCH y OKLCH.
Ver también: HSL Format
Un modelo de color que significa Tono, Blancura y Negrura, diseñado para ser la forma más intuitiva para que los humanos seleccionen colores. El tono es un ángulo en la rueda de colores, la blancura indica cuánto blanco se mezcla y la negrura indica cuánto negro se mezcla. HWB es compatible en CSS Color Level 4 a través de la función hwb().
Ver también: HWB Format
Un espacio de color perceptualmente uniforme (formalmente CIELAB) que consiste en tres ejes: L para Luminosidad (0-100), a para el eje verde-rojo (-128 a 127) y b para el eje azul-amarillo (-128 a 127). Los pasos numéricos iguales en LAB corresponden a diferencias de color percibidas aproximadamente iguales, lo que lo convierte en la referencia estándar para calcular la distancia de color (Delta-E). LAB es compatible con CSS Color Level 4.
Ver también: LAB Format
La representación cilíndrica del espacio de color CIELAB, usando Luminosidad (0-100), Croma (cromaticidad, 0-150+) y Tono (ángulo, 0-360 grados). LCH es más intuitivo que los ejes cartesianos a/b de LAB porque el croma y el tono son independientes, facilitando la creación de escalas de color perceptualmente uniformes. Es compatible con CSS Color Level 4 a través de la función lch().
Ver también: LCH Format
El brillo percibido de un color en relación con un blanco de referencia, que va del 0% (negro) al 100% (blanco). En HSL, 0% de luminosidad es negro, 50% es el tono puro y 100% es blanco. En espacios de color perceptuales como LAB y OKLCH, la luminosidad está diseñada para ser más uniforme — cambios numéricos iguales producen cambios de brillo percibidos iguales.
Ver también: HSL Format, LAB Format
Una medida fotométrica de la intensidad de la luz emitida o reflejada desde una superficie en una dirección dada, medida en candelas por metro cuadrado (cd/m²). La luminancia relativa, usada en los cálculos de contraste WCAG, es un valor en escala lineal entre 0 (negro más oscuro) y 1 (blanco más claro) que tiene en cuenta la diferente sensibilidad del ojo humano a la luz roja, verde y azul.
Ver también: Contrast Checker
Un espacio de color perceptualmente uniforme (formalmente CIELUV) optimizado para la mezcla aditiva de colores y aplicaciones de iluminación. Sus componentes son Luminosidad (L, 0-100), u (cromaticidad verde-rojo, aproximadamente -134 a 224) y v (cromaticidad azul-amarillo, aproximadamente -140 a 122). CIELUV se prefiere sobre CIELAB en contextos que involucran luz emitida, como televisión e iluminación arquitectónica.
Ver también: LUV Format
Un algoritmo de cuantización de color que reduce un gran número de colores a una paleta representativa más pequeña dividiendo recursivamente el espacio de color en el punto medio del eje más largo. Fue descrito por primera vez por Paul Heckbert en 1982 y sigue siendo uno de los métodos más ampliamente utilizados para extraer colores dominantes de imágenes. El algoritmo equilibra la precisión del color con la eficiencia computacional.
Ver también: Image Color Extractor
Un esquema de color basado en un solo tono, usando solo variaciones en saturación y luminosidad para crear sombras, tintes y tonos de ese tono. Las paletas monocromáticas son inherentemente armoniosas y se usan a menudo para diseños mínimos y elegantes. Proporcionan cohesión visual pero contraste de color limitado.
Ver también: Palette Generator
Un espacio de color perceptual moderno diseñado por Björn Ottosson que usa Luminosidad (0-1), Croma (0-0,4+) y Tono (0-360 grados). Mejora LCH proporcionando un comportamiento de tono más uniforme, eliminando los cambios de tono que ocurren en espacios basados en CIELAB. OKLCH se recomienda para CSS Color Level 4 y está ganando amplio soporte en navegadores para la manipulación de color perceptualmente uniforme.
Ver también: OKLCH Format
El grado en que un color o elemento bloquea el contenido detrás de él, expresado como un valor de 0 (completamente transparente) a 1 (completamente opaco). En CSS, la opacidad se puede establecer a través de la propiedad opacity (que afecta a todo el elemento) o a través del canal alfa de las funciones de color como rgba() y hsla(). La opacidad es esencial para la superposición, los efectos de glassmorphism y la creación de profundidad visual.
Ver también: RGB Format
Un conjunto curado de colores elegidos para trabajar juntos en un diseño, que típicamente contiene entre 3 y 10 colores. Las paletas se construyen usando reglas de armonía de color, directrices de marca o preferencias estéticas. Una paleta bien diseñada asegura consistencia visual, suficiente contraste para la accesibilidad y apoya el estado de ánimo o identidad de marca prevista.
Ver también: Palette Generator
Un sistema propietario de coincidencia de colores desarrollado por Pantone LLC que asigna códigos alfanuméricos únicos a miles de colores directos estandarizados. Es el estándar de la industria para la comunicación del color en impresión, moda, diseño industrial y manufactura de productos. Los colores Pantone aseguran una reproducción consistente entre diferentes materiales y procesos de producción.
Un conjunto de colores que no pueden ser creados mezclando otros colores y de los cuales todos los demás colores en un modelo de color dado pueden derivarse. En color aditivo (luz/pantallas), los primarios son rojo, verde y azul (RGB). En color sustractivo (tinta/pintura), los primarios tradicionales son rojo, amarillo y azul (RYB) o cian, magenta y amarillo (CMY) para impresión moderna.
Ver también: RGB Format, CMYK Format
Una forma de deficiencia de visión de color rojo-verde causada por una mutación en el fotopigmento del cono L (rojo) que desplaza su sensibilidad hacia el verde. Esto resulta en una capacidad reducida para distinguir rojo del verde, con los rojos apareciendo más oscuros y menos vívidos. Afecta aproximadamente al 1,3% de los hombres y al 0,02% de las mujeres.
Ver también: Color Blindness Simulator
Una forma de daltonismo rojo-verde causada por la ausencia completa de fotorreceptores de cono L (sensibles al rojo) en la retina. Las personas con protanopía no pueden percibir la luz roja, causando que los rojos aparezcan oscuros e indistinguibles de ciertos verdes y marrones. Afecta aproximadamente al 1,3% de los hombres y al 0,02% de las mujeres.
Ver también: Color Blindness Simulator
Un modelo de color aditivo que representa colores usando tres canales: Rojo (0-255), Verde (0-255) y Azul (0-255). Es el modelo de color nativo para pantallas digitales, que crean colores combinando luz roja, verde y azul a intensidades variables. RGB es uno de los formatos de color más ampliamente utilizados en desarrollo web, compatible en CSS como rgb() y rgba().
Ver también: RGB Format
La intensidad o pureza de un color, representando cuán vívido aparece en comparación con un gris neutro de la misma luminosidad. Un color completamente saturado no contiene gris y aparece en su punto más vibrante, mientras que un color desaturado aparece apagado o descolorido. La saturación es el componente 'S' en HSL y HSB y va del 0% (gris) al 100% (color puro).
Ver también: HSL Format, HSB Format
Colores creados al mezclar dos colores primarios en proporciones iguales. En el modelo RGB (aditivo), los colores secundarios son cian (verde + azul), magenta (rojo + azul) y amarillo (rojo + verde). En el modelo tradicional RYB (sustractivo), los colores secundarios son naranja, verde y púrpura.
Ver también: Palette Generator
Una variación de color creada al agregar negro a un tono base, reduciendo su luminosidad mientras se preserva el ángulo de tono. Las sombras son más oscuras y dramáticas que el color original. En CSS, las sombras se pueden generar reduciendo el valor de luminosidad en HSL o el brillo en HSB.
Ver también: Palette Generator
Una armonía de color que comienza con un color base y usa los dos colores adyacentes a su complemento en la rueda de colores, formando un triángulo isósceles estrecho. Proporciona alto contraste visual similar a los colores complementarios pero con más matiz y menos tensión visual. Los esquemas de complementarios divididos están entre los tipos de armonía más versátiles y populares.
Ver también: Palette Generator
El espacio de color RGB estándar creado por HP y Microsoft en 1996 para uso en monitores, impresoras e internet. Define un conjunto específico de primarios rojo, verde y azul junto con un punto blanco D65 y una curva gamma de aproximadamente 2,2. sRGB es el espacio de color predeterminado para la web, CSS y la mayoría de las pantallas de consumo, pero su gama relativamente estrecha no puede representar colores altamente saturados.
Ver también: RGB Format
Un modelo de mezcla de color usado en impresión y pintura donde los pigmentos o tintas absorben (sustraen) ciertas longitudes de onda de la luz y reflejan el resto. Los colores primarios sustractivos son cian, magenta y amarillo (CMY), y combinar los tres a máxima intensidad teóricamente produce negro. En la práctica, se añade una tinta negra (Clave), formando el modelo CMYK.
Ver también: CMYK Format
El sistema de colores predeterminado en el framework de utilidades Tailwind CSS, que consiste en 22 familias de colores (slate, gray, zinc, neutral, stone, red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, rose) con 11 tonos cada una (50, 100-900, 950). La paleta está diseñada para desarrollo de interfaces accesible y consistente, con un total de 242 utilidades de color nombradas.
Ver también: Tailwind Colors Reference
Colores creados al mezclar un color primario con un color secundario adyacente en la rueda de colores, produciendo seis tonos intermedios. En el modelo RYB, estos son rojo-naranja, amarillo-naranja, amarillo-verde, azul-verde, azul-violeta y rojo-violeta. Los colores terciarios proporcionan opciones de tono más matizadas y específicas para construir paletas de colores sofisticadas.
Ver también: Palette Generator
Una armonía de color que usa cuatro colores dispuestos en dos pares complementarios, formando un rectángulo en la rueda de colores. Los esquemas tetrádicos ofrecen la mayor variedad de colores de cualquier armonía estándar pero requieren un equilibrio cuidadoso — típicamente un color domina mientras los otros sirven como acentos. También conocido como esquema doble-complementario.
Ver también: Palette Generator
Una variación de color creada al agregar blanco a un tono base, aumentando su luminosidad mientras se preserva el ángulo de tono. Los tintes son más claros y más pastel que el color original. En CSS, los tintes se pueden generar aumentando el valor de luminosidad en HSL o reduciendo el croma en OKLCH.
Ver también: Palette Generator
Una variación de color creada al agregar gris (una mezcla de negro y blanco) a un tono base, reduciendo su saturación mientras se mantiene aproximadamente la misma luminosidad. Los tonos aparecen más suaves, sofisticados y naturales que el tono puro. La mayoría de los colores vistos en el mundo real son tonos en lugar de tonos puros.
Ver también: Palette Generator
Una armonía de color que usa tres colores igualmente espaciados a 120 grados de distancia en la rueda de colores. Los esquemas triádicos son vibrantes y ofrecen un fuerte contraste visual mientras mantienen el equilibrio de color. La tríada de colores primarios (rojo, verde, azul) y la tríada de colores secundarios (cian, magenta, amarillo) son ejemplos clásicos.
Ver también: Palette Generator
Una forma rara de deficiencia de visión de color azul-amarillo causada por una mutación en el fotopigmento del cono S (azul) que reduce su sensibilidad. Las personas con tritanomalía tienen dificultad para distinguir el azul del verde y el amarillo del violeta, aunque conservan cierta percepción del azul. Afecta a un estimado del 0,0001% de la población.
Ver también: Color Blindness Simulator
Una forma rara de daltonismo causada por la ausencia completa de fotorreceptores de cono S (sensibles al azul) en la retina. Las personas con tritanopía no pueden percibir la luz azul y confunden azul con verde, y amarillo con violeta. A diferencia de las deficiencias rojo-verde, la tritanopía afecta a hombres y mujeres en tasas similares, ocurriendo en aproximadamente el 0,001% de los hombres y el 0,03% de las mujeres.
Ver también: Color Blindness Simulator
En teoría del color, el valor se refiere a la claridad u oscuridad de un color, independientemente de su tono o saturación. Corresponde a cuánta luz un color parece reflejar. En el modelo HSB/HSV, el valor (V) va del 0% (negro) al 100% (máximo brillo del tono), y es sinónimo del componente de brillo.
Ver también: HSB Format
Las Pautas de Accesibilidad para el Contenido Web, publicadas por la Iniciativa de Accesibilidad Web (WAI) del W3C, definen estándares para hacer el contenido web accesible para personas con discapacidades. WCAG 2.1 especifica relaciones de contraste de color mínimas — 4,5:1 para texto normal (AA), 3:1 para texto grande (AA) y 7:1 para texto normal (AAA) — asegurando la legibilidad para usuarios con baja visión o deficiencias de color.
Ver también: Contrast Checker
Una paleta de 216 colores que se mostraban de manera consistente en monitores de 256 colores y navegadores web tempranos en los años 1990. Cada color usa solo los valores hexadecimales 00, 33, 66, 99, CC o FF para cada canal RGB, asegurando un renderizado uniforme. Los colores seguros para web son en gran medida obsoletos hoy, ya que las pantallas modernas soportan millones de colores.
Ver también: HEX Format
El espacio de color CIE 1931 XYZ, un espacio de color independiente del dispositivo definido por la Comisión Internacional de Iluminación (CIE). Sirve como la base matemática para prácticamente todos los demás espacios de color, mapeando la percepción humana del color a tres valores de estímulo: X, Y y Z. El componente Y corresponde a la luminancia, haciendo que XYZ sea central para la ciencia del color y los cálculos colorimétricos.
Ver también: XYZ Format