Cómo diseñar con azul y colores complementarios

El azul es uno de los colores más utilizados en el diseño web. El uso de un azul medio a oscuro fomenta una sensación de relajación que los diseñadores pueden complementar con amarillo y naranja.

Aquí hay algunas formas diferentes en que el azul puede combinar con otros colores.

Los opuestos se atraen y el azul combina bien con el naranja

Cable de vida / J. Bear

Considere combinar colores azules con naranja en un esquema de color complementario .

Del más oscuro al más claro, los naranjas que se muestran con cada muestra de azul en la imagen de arriba son:

• Hexadecimal #FFA500 | RGB 255,165,0 (un naranja dorado; palabra clave de color SVG y palabra clave de color CSS naranja)
• Hexadecimal #FF8000 | RGB 255.128,0 (naranja medio)
• Hexadecimal #FF4500 | RGB 255,69,0 (rojo anaranjado; palabra clave de color SVG rojo anaranjado)
• Hex #C83200 | RGB 200,50,0 (un naranja oscuro)
• Números: Hexadecimal #FF7F27 | RGB 255,127,39 (una naranja melocotón)

Los azules, de más oscuro a más claro son:

Armada :Hexadecimal #000080 | RGB 0,0,128 (palabra clave de color CSS/palabra clave de color SVG azul marino) Azul:Hexadecimal #0000FF | RGB 0,0,255 (la palabra clave de color CSS/SVG es azul; color seguro para el navegador)
1. Hexadecimal: #0045FF | RGB 0,69,255 (un azul medio)
Azul acero:Hex #4682B4 | RGB 70,130,180 (palabra clave de color SVG azul acero; un azul corporativo)
2. Hexadecimal: #0080FF | RGB 0,128,255 (un azul medio)
Azul claro:Hexadecimal #ADD8E6 | RGB 173,216,230 (palabra clave de color SVG azul claro)

azules oscuros y tonos medios de azul simboliza importancia, confianza, poder, inteligencia, estabilidad, unidad y conservadurismo. Al agregar un poco de naranja a su paleta predominantemente azul oscuro, introduce algo de calidez y energía que puede evitar que su paleta sea demasiado forzada o abrumadora.

cómo ver suscriptores en youtube

No es necesario que utilices estos tonos exactos. Vaya un poco más claro o más oscuro, o avance un punto hacia la izquierda o hacia la derecha en la rueda de colores. Estas combinaciones de colores le ayudarán a encontrar una paleta de colores adecuada utilizando el azul y el naranja como componentes principales.

Mezcla azules profundos con amarillo dorado

Cable de vida / J. Bear

Lleve los azules oscuros a casi violeta y agregue un toque de amarillo sol en una combinación de colores complementaria.

El azul es un color frío que se vuelve cálido a medida que se agregan los tonos violáceos, mientras que el amarillo es un color cálido en el otro lado de la rueda de colores. Para evitar vibraciones desagradables, evite usarlo en cantidades iguales. Dale vida a tu azul con un toque de amarillo (o calma tu amarillo con un toque de azul).

Del más oscuro al más claro, el amarillo que se muestra con cada muestra de azul en la imagen de arriba es:

Amarillo Cadio:Hexadecimal #FF9912 | RGB 255,153,18 (un amarillo cálido y parduzco)Oro:Hexadecimal #FFD700 | RGB 255,215,0 (palabra clave de color SVG dorado)
• Números: Hexadecimal #FFFF00 | RGB 255,255,0 (palabra clave de color SVG/CSS amarillo)

Los azules son:

Azul muy oscuro:Hex #000033 | RGB 0,0,51 (un azul oscuro seguro para el navegador)Azul medianoche:Hex #191970 | RGB 25,25,112 (palabra clave de color SVG azul medianoche)Azul pizarra oscuro:Hex #483D8B RGB 72,61,139 (palabra clave de color SVG azul pizarra oscuro; un azul violeta grisáceo)Índigo:Hex #4B0082 | RGB 75,0,130 (índigo palabra clave de color SVG; un azul violáceo)Violeta Azul:Hex #8A2BE2 | RGB 138,43,226 (palabra clave de color SVG azulvioleta)Azul cobalto:Hexágono #3D59AB | RGB 61,89,171

Los colores que empujan hacia el lado violeta-púrpura del azul pueden agregar un toque de misterio, toques de feminidad. Agrega calidez al azul frío.

Tonos de cian con naranja oscuro

Cable de vida / J. Bear

cómo denunciar a alguien en discordia

El cian medio a oscuro es un azul cercano al verde. Aquí se combinan varios tonos de azul medio y cian con colores naranja pardusco oscuro.

Además de sus atributos calmantes, este tono más oscuro de azul puede tener el simbolismo del verde, como equilibrio, armonía y estabilidad. Obtiene un poco de calidez y energía cuando se combina con tonos de naranja parduzcos o rojizos. El marrón es un color neutro natural y realista. El rojo y el cian son opuestos en la rueda de colores con alto contraste, pero no son necesariamente una buena combinación. Pasar del rojo al naranja y a azules más oscuros proporciona una paleta más agradable.

Del más oscuro al más claro, el rojo anaranjado que se muestra con cada muestra azul en la imagen de arriba es:

Rojo anaranjado intenso:​Hexadecimal #CD3700 | RGB 205,55,0Naranja cadmio:​Hexadecimal #FF6103 | RGB 255,97,3
• Números: Hexágono rojo #FF0000 | RGB 255,0,0 (palabra clave de color SVG/CSS rojo)

Los azules son:

Azul real oscuro:Hex #27408B | RGB 39,64,139Azul cielo profundo:Hex #00688B | RGB 0.104.139 ( no palabra clave de color azul cielo profundo)Azul pizarra oscuro:Hex #2F4F4F RGB 47,79,79 ( no palabra clave de color azul pizarra oscuro)Cian oscuro:Hex #008B8B | RGB 0,139,139 (el lado más verde del azul)Azul Manganeso:Hex #03A89E | RGB 3.168.158 (un color azul turquesa)Cian (Agua):Hexadecimal #00FFFF | RGB 0,255,255 (palabra clave de color SVG cian o aguamarina; un color azul verdoso)

Azul, rojo y amarillo

Cable de vida / J. Bear

Una tríada complementaria dividida toma un color (en este caso, azul) y luego toma los colores a cada lado del complemento de ese color (color opuesto en la rueda de colores). El complemento del azul puro es el amarillo puro. El azul medio es opuesto al naranja. Dependiendo del tono de azul con el que empieces y de cuántos colores intermedios pases, puedes combinarlo con colores que van desde el rojo rosado hasta el amarillo verdoso.

1. Armada: Hexadecimal #000080 | RGB 0,0,128
2. Rojo brillante: Hexadecimal #FE0004 | RGB 254,0,4
3. Amarillo soleado: Hexadecimal #FFFB00 | RGB 255.251,0
4. Azul pizarra oscuro: Hex #483D8B RGB 72,61,139 (palabra clave de color SVG azul pizarra oscuro; un azul violeta grisáceo)
5. Oro: Hexadecimal #FFD700 | RGB 255,215,0 (palabra clave de color SVG dorado)
6. Monasterio : Hexadecimal #7FFF00 | RGB 127.255,0
7. Cian oscuro: Hex #008B8B | RGB 0,139,139 (el lado más verde del azul)
8. Violeta-Rojo: Hex #D02090 | RGB 208,32,144
9. Naranja oscuro: Hex #C83200 | RGB 200,50,0 ( no color clave naranja oscuro)

Los tonos más oscuros de azul denotan importancia, confianza, poder, autoridad, inteligencia, estabilidad, unidad y conservadurismo. El rojo es otro color poderoso, pero llama más la atención que el azul. El amarillo añade algo de brillo y alegría. Usar cantidades iguales de cada color lo haría infantil (piense en los colores primarios), como el ejemplo n.° 1. Sin embargo, si solo usas pequeñas dosis de rojo y amarillo (o colores cercanos) con una combinación de colores principalmente azul oscuro, es bastante adecuado para proyectos para adultos que no quieres que aparezcan.tambiéngrave.

Cable de vida / Marina Li

transferir el progreso del juego a un nuevo iphone