Tabla de combinaciones de colores comúnmente usadas en el diseño web.

Clasificación por combinación de tonos

Aquí se clasifican las combinaciones de colores comunes en el diseño web según el orden del matiz. Cada categoría se centra en un matiz específico y se combina con otros matices o tonos del mismo matiz, aplicando métodos de contraste y armonía, y se ordena de manera ascendente desde lo ligero hasta lo intenso.

Rojo

Naranja

Amarillo

Amarilloverde

Verde

Verde azulado

Azul

Violeta azulado

Púrpura

Púrpura

Clasificación por asociación de impresiones

La combinación de colores puede parecer compleja, pero no es misteriosa. Dado que cada color tiene su propio lugar en el espacio de impresión, la impresión obtenida de la combinación de colores puede ser aproximada mediante sumas y restas. Si cada color es de alta luminosidad, su superposición natural será suave y brillante; si cada color es intenso, su superposición será intensa. Por supuesto, en el proceso de diseño real, el diseñador también debe considerar la multiplicación y la división, como colores de la misma luminosidad y contraste, que en diferentes ángulos en la rueda de colores, al combinarse, pueden dar lugar a una variedad infinita de sensaciones. Por lo tanto, además de enumerar las combinaciones por matiz, este libro también destacará las combinaciones por impresión, para que los lectores puedan consultarlas.

Suave, brillante, tierno

Las combinaciones de colores de alta luminosidad dan lugar a sensaciones suaves, brillantes y suaves. Para evitar el deslumbramiento, los diseñadores suelen utilizar tonos de primer plano de baja luminosidad, y la distancia entre los colores en la rueda de colores también ayuda a evitar la monotonía.

Suave, limpio, fresco

Para una impresión suave, limpia y fresca, los colores adyacentes del azul al verde en la rueda de colores son los más adecuados. Además, es preferible una luminosidad más alta. Se puede observar que casi todas las combinaciones involucran el blanco. Sin embargo, en el diseño práctico, se pueden utilizar colores de alta luminosidad en el complementario del azul y el verde en lugar del blanco.

Tierno, feliz, divertido.

Los colores que evocan una impresión de ternura, alegría y diversión se caracterizan por una distribución uniforme de los matices, una combinación equilibrada de colores fríos y cálidos, una alta saturación y una alta distinción de colores.

Animado, feliz, divertido.

Animado, alegre y divertido en comparación con la primera impresión, la elección de colores es más amplia. El cambio más importante es reemplazar el blanco puro con colores de baja saturación o grises.

Deportivo, ligero

Los colores del deporte deben reforzar la sensación de intensidad y emoción, al mismo tiempo que reflejan la salud, la alegría y la vitalidad. Por lo tanto, colores de alta saturación y brillo moderado suelen aparecer en este tipo de impresiones.

Ligero, elegante y dinámico

La impresión elegante requiere que la página esté llena de colores vibrantes y con una alta saturación, mientras que una disminución adecuada del brillo puede reforzar aún más esta impresión.

Salvaje, abundante, dinámico

En el espacio de impresión salvaje, no pueden faltar los colores de baja luminosidad, e incluso se pueden combinar adecuadamente con el negro. Otros colores saturados son altos y tienen un contraste fuerte.

Lujoso, ostentoso, femenino

En una página femenina, el morado y el magenta son los protagonistas, mientras que el rosa y el verde también son colores comunes. Generalmente, estos colores se combinan con alta saturación.

Sabor, femenino, elegante.

El sentimiento de elegancia es peculiar, y generalmente se debe reducir la saturación de los colores. Por lo general, se utilizan colores adyacentes entre el azul y el rojo, ajustando el brillo y la saturación para combinarlos.

Elevado, natural, seguro

El verde amarillento de baja luminosidad generalmente se utiliza para representar la nobleza. Al reducir la luminosidad del color y prestar atención al equilibrio cromático, la página parecerá más estable.

Calma, naturalidad

El verde es el protagonista de la impresión de calma y naturaleza, pero cuando se utiliza como color principal de una página, puede caer fácilmente en una sensación demasiado pasiva. Por lo tanto, es especialmente importante prestar atención al diseño del patrón.

Tradicional, elegante, refinado

El contenido tradicional generalmente requiere reducir la saturación de los colores, especialmente el marrón es muy adecuado. Anteriormente se mencionó que el morado también es una tonalidad comúnmente utilizada para transmitir impresiones de elegancia y sofisticación.

Tradicional, estable, clásico.

Tradicional, estable y clásico son impresiones conservadoras, y en la elección de colores se debe optar por tonos cálidos de baja luminosidad. Esta combinación se ajusta a la estética madura.

Leal, estable y con buen gusto.

Los colores con baja luminosidad y saturación transmiten una sensación de honestidad y estabilidad. Para evitar que esta combinación resulte demasiado conservadora y haga que la página parezca rígida y negativa, es importante enfocarse en la combinación de colores fríos y cálidos, así como en el contraste de luz y sombra.

Sencillo, limpio, progresivo

Los colores simples y limpios pueden representarse en términos de tonos con azul y verde, y se puede dejar un gran espacio en blanco. Para dar una impresión de progreso, se pueden usar más colores azules, combinados con colores de baja saturación e incluso grises.

Sencillo, elegante y sofisticado.

El gris es el color más equilibrado y uno de los principales colores para la textura de plástico metálico, por lo que para expresar elegancia y moda, se puede usar adecuadamente e incluso en grandes áreas. Sin embargo, es importante prestar atención a la construcción de patrones y texturas.

Sencillo, progresivo, moderno

Los colores que representan un progreso mejorado se basan principalmente en el azul, combinado con el gris. La luminosidad de los colores es uniforme y los tonos son adyacentes, lo que hace que la paleta de colores parezca sencilla.

Recientemente has utilizado:

Coleccionar Menú QQ