Más información sobre los colores
Lee más sobre el color: de la luz y la percepción a RGB, CMYK, HSL, hex, la rueda de color, degradados y contraste que puedes probar en PictorX.
Luz, ojos y dos tipos de mezcla
El color no es una capa sobre un objeto. Es luz, más un cerebro que convierte longitudes de onda en rojo, amarillo o azul verdoso. Las pantallas suman luz (mezcla aditiva): rojo, verde y azul van hacia el blanco. La impresión y la pintura restan luz (mezcla sustractiva): las tintas filtran y la mezcla va hacia el negro. Un neón en el monitor rara vez coincide con el mismo trabajo en papel.
RGB: cómo cuentan el color las pantallas
Un píxel en el teléfono o el portátil son tres luces minúsculas. Cada canal suele guardarse de 0 a 255 (ocho bits). (0, 0, 0) es negro, (255, 255, 255) blanco, (255, 0, 0) rojo pleno. El hex es el mismo triplete para la web: #FF0000 es ese rojo, #000000 el negro. Se sigue hablando en RGB porque eso es lo que emite la pantalla.
CMYK: por qué la impresión se ve distinta
Las impresoras aplican cian, magenta, amarillo y negro (K). No emiten luz, la absorben, así que el gamut RGB de una pantalla es mayor que el de la mayoría de las prensas CMYK. Un azul eléctrico saturado en el monitor a menudo se apaga en papel. Convierte a CMYK antes de prometer un color de impresión y prueba en el papel real. PictorX puede mostrar los números CMYK de un color elegido para que veas el hueco; no sustituye un perfil de prensa.
HSL y HSV: los mandos del diseñador
El matiz es la posición en el arcoíris (0–360°). La saturación es lo puro frente a lo gris. La luminosidad (HSL) es lo cerca de blanco o negro; el valor (HSV) es lo cerca de negro manteniendo el matiz vivo hasta el final. HSL y HSV gustan porque «un poco más oscuro, el mismo naranja» es un deslizador, no una adivinanza entre tres números RGB.
Hex y colores CSS con nombre
El hex (#RRGGBB, a veces #RGB o #RRGGBBAA) es la taquigrafía web de RGB. CSS también trae colores con nombre—coral, steelblue, rebeccapurple—ligados a hex fijos. Los nombres valen para bocetos; el hex (o una función CSS moderna) es lo que entregas cuando la marca tiene que coincidir.
La rueda de color y las relaciones
Una rueda de color ordena los matices en círculo. Relaciones clásicas: los complementarios se sientan opuestos (azul y naranja) y contrastan fuerte; los análogos son vecinos y se sienten emparentados; los triádicos distan tres pasos iguales y siguen vivos; el split-complementario toma un matiz más los dos junto a su opuesto, contraste con menos choque; el monocromático es un matiz a muchas luminosidades. El generador de paletas de PictorX guarda hoy complementario, análogo y monocromático. La rueda sigue explicando el resto del set clásico aunque una herramienta no ofrezca cada armonía.
Degradados: caminos entre colores
Un degradado es una mezcla a lo largo de un camino. El lineal viaja en una dirección; el radial crece desde un centro. Las paradas clavan colores exactos. Más paradas son más control, no automáticamente más gusto. En CSS, linear-gradient y radial-gradient son la misma idea. El editor de degradados de PictorX deja arrastrar paradas y copiar CSS, HEX, RGB, HSL, HSV o CMYK.
Contraste, accesibilidad, cálido y frío
El contraste es cuánto se alejan dos colores en luminosidad (y matiz). WCAG pide contraste bastante para que el texto se lea: unos 4,5:1 para texto normal y 3:1 para texto grande en nivel AA. Es un suelo, no un estilo. Los matices cálidos (rojos, naranjas, amarillos) se sienten más cerca; los fríos (azules, verdes, violetas) receden. Usa el contraste para tipo e interfaz; lo cálido y lo frío para el ánimo.
Herramientas de color en PictorX
La rueda de color sirve para elegir un matiz y leer armonías. El editor de degradados, para mezclas y CSS. El generador de paletas construye, bloquea y baraja conjuntos—y puede sacar colores de una foto. La transferencia de color viste una imagen con la paleta de otra, en el navegador. Los efectos de color empujan una foto a tintes y otros looks. Nada de esto sustituye una prensa o un espectrofotómetro; es una forma rápida de ver cómo se comporta el color en una imagen.
Preguntas frecuentes
¿Cuál es la diferencia entre RGB y CMYK?
RGB es luz aditiva en pantallas (suele ser 0–255 por canal). CMYK es tinta sustractiva en papel. Cubren gamas distintas, así que un color de pantalla a menudo no se imprime exacto.
¿Qué significa complementario en una rueda de color?
Los complementarios se sientan opuestos. Juntos contrastan fuerte. El generador de paletas de PictorX puede construir un conjunto complementario desde un color de partida.
¿Por qué los diseñadores usan HSL en vez de RGB?
Matiz, saturación y luminosidad encajan con cómo hablamos del color. Puedes oscurecer un naranja en HSL sin mezclarlo marrón por accidente, como haría un ajuste RGB ingenuo.
¿Cuánto contraste pide WCAG?
Para AA, unos 4,5:1 para texto normal y 3:1 para texto grande. Comprueba el tipo sobre su fondo real, no solo en una muestra.
Herramientas relacionadas
Rueda de color
Elija un color en una rueda interactiva, genere paletas complementarias, análogas, triádicas y otras, y copie HEX, RGB, HSL, HSV o CMYK. No se carga nada.
Editor de degradados
Crea degradados CSS lineales y radiales en el navegador. Arrastra paradas de color, ajusta el ángulo y copia CSS, HEX, RGB, HSL, HSV o CMYK. No se sube nada.
Generador de paletas de color
Cree, bloquee y mezcle paletas en el navegador. Copie HEX, variables CSS o JSON, exporte PNG o SVG y extraiga colores de una foto. No se sube nada.
Transferencia de color
Recolorea una foto con los colores de una segunda imagen. Vista previa en el navegador, control de intensidad y brillo opcional. No se sube nada.
Filtros sueño eléctrico
Dale a tus fotos un glow-up cinematográfico desde Efectos → Color. Usa PictorX gratis en el navegador, sin instalar software.
¿Listo para probarlo?
Abra PictorX en su navegador: no requiere instalación ni tarjeta de crédito para comenzar.
Probar la rueda de color