Com dissenyar amb colors blaus i complementaris

Taula de continguts:

Com dissenyar amb colors blaus i complementaris
Com dissenyar amb colors blaus i complementaris
Anonim

El blau és un dels colors més utilitzats en el disseny web. L'ús d'un blau mitjà a fosc fomenta una sensació relaxant que els dissenyadors poden complementar amb el groc i el taronja.

Aquí hi ha algunes maneres diferents en què el blau pot funcionar amb altres colors.

Els contraris s'atrauen i el blau va bé amb el taronja

Image
Image

Penseu en combinar colors blaus amb taronja en un esquema de colors complementari.

De més fosc a més clar, les taronges que es mostren amb cada mostra blava a la imatge de d alt són:

  • Hex FFA500 | RGB 255, 165, 0 (una taronja daurada; paraula clau de color SVG i paraula clau de color CSS taronja)
  • Hex FF8000 | RGB 255, 128, 0 (taronja mitjana)
  • Hex FF4500 | RGB 255, 69, 0 (vermell taronja; paraula clau de color SVG vermell taronja)
  • Hex C83200 | RGB 200, 50, 0 (una taronja fosca)
  • Números: hexadecimal FF7F27 | RGB 255, 127, 39 (una taronja de préssec)

Els blaus, de més fosc a més clar són:

  1. Marina: Hex 000080 | RGB 0, 0, 128 (paraula clau de color CSS/paraula clau de color SVG marí)
  2. Blau: Hex 0000FF | RGB 0, 0, 255 (la paraula clau de color CSS/SVG és blau; color segur per al navegador)
  3. Hex: 0045FF | RGB 0, 69, 255 (un blau mitjà)
  4. Blau d'acer: Hex 4682B4 | RGB 70, 130, 180 (color SVG paraula clau steelblau; un blau corporatiu)
  5. Hex: 0080FF | RGB 0, 128, 255 (un blau mitjà)
  6. Blau clar: Hex ADD8E6 | RGB 173, 216, 230 (paraula clau de color SVG blau clar)

Els blaus foscos i els tons mitjans de blau simbolitzen la importància, la confiança, el poder, la intel·ligència, l'estabilitat, la unitat i el conservadorisme. Si afegiu una mica de taronja a la vostra paleta predominantment blau fosc, introduïu una mica de calidesa i energia que poden evitar que la vostra paleta sigui massa equilibrada o aclaparadora.

No cal que utilitzeu aquests tons exactes. Fes un toc més clar o més fosc, o passa un punt cap a l'esquerra o la dreta de la roda de colors. Aquestes combinacions de colors us ajuden a trobar una paleta de colors adequada utilitzant el blau i el taronja com a components principals.

Barreja Deep Blues amb groc daurat

Image
Image

Porta el blau fosc a gairebé morat i afegeix un toc de groc sol en un esquema de colors complementari.

El blau és un color fresc que es mou cap a càlid a mesura que afegiu els tons violacis, mentre que el groc és un color càlid a l' altre costat de la roda de colors. Per evitar vibracions desagradables, eviteu utilitzar-les en quantitats iguals. Anima el teu blau amb un toc de groc (o calma el teu groc amb un toc de blau).

De més fosc a més clar, el groc que es mostra amb cada mostra blava a la imatge de d alt són:

  • Groc de cadi: Hex FF9912 | RGB 255, 153, 18 (un groc càlid i marró)
  • Gold: Hex FFD700 | RGB 255, 215, 0 (paraula clau de color SVG or)
  • Números: hexadecimal FFFF00 | RGB 255, 255, 0 (color clau SVG/CSS groc)

Els blaus són:

  1. Blau molt fosc: Hex 000033 | RGB 0, 0, 51 (un navegador blau fosc segur)
  2. Blau de mitjanit: Hex 191970 | RGB 25, 25, 112 (paraula clau de color SVG blau mitjanit)
  3. Blau pissarra fosc: Hex 483D8B RGB 72, 61, 139 (paraula clau de color SVG blau pissarra fosc; un blau porpra grisenc)
  4. Indigo: Hex 4B0082 | RGB 75, 0, 130 (color clau SVG indigo; un blau porpra)
  5. Blue Violeta: Hex 8A2BE2 | RGB 138, 43, 226 (paraula clau de color SVG blauviolet)
  6. Blau cob alt: Hex 3D59AB | RGB 61, 89, 171

Els colors que empenyen cap al costat violeta-violet del blau poden afegir un toc de misteri i tocs de feminitat. Afegeix calidesa al blau fresc.

Tonalitats de cian amb taronja fosca

Image
Image

El cian mitjà a fosc és blau a la vora del verd. Aquí s'uneixen diversos tons de blau i cian mitjà amb colors taronja marronós fosc.

A més dels seus atributs calmants, aquest to de blau més fosc pot portar el simbolisme del verd, com ara l'equilibri, l'harmonia i l'estabilitat. Obté una mica de calor i energia quan es combina amb tons taronges marrons o vermellosos. El marró és un color natural i neutre. El vermell i el cian són oposats a la roda de colors amb un alt contrast, però no són necessàriament una gran combinació. Passar del vermell al taronja i als blaus més foscos proporciona una paleta més agradable.

Del més fosc al més clar, el vermell-taronja que es mostra amb cada mostra blava a la imatge de d alt són:

  • Vermell taronja profund: Hex CD3700 | RGB 205, 55, 0
  • Taronja de cadmi: Hex FF6103 | RGB 255, 97, 3
  • Números: hexadecimal vermell FF0000 | RGB 255, 0, 0 (paraula clau de color SVG/CSS vermell)

Els blaus són:

  1. Blau reial fosc: Hex 27408B | RGB 39, 64, 139
  2. Blau cel profund: Hex 00688B | RGB 0, 104, 139 (not color de la paraula clau blau cel profund)
  3. Blau pissarra fosc: Hex 2F4F4F RGB 47, 79, 79 (not color clau blau pissarra)
  4. Cian fosc: Hex 008B8B | RGB 0, 139, 139 (el costat més verd del blau)
  5. Blau de manganès: Hex 03A89E | RGB 3, 168, 158 (un color blau turquesa)
  6. Cian (Aqua): Hex 00FFFF | RGB 0, 255, 255 (paraula clau de color SVG cian o aqua; un color blau-verd)

Blau, vermell i groc

Image
Image

Una tríada complementària dividida pren un color (en aquest cas, el blau) i després agafa els colors a banda i banda del complement d'aquest color (color oposat a la roda de colors). El complement del blau pur és el groc pur. El blau mitjà és el taronja oposat. Depenent de la tonalitat de blau amb què comenceu i de quants colors intermedis passeu, podeu combinar-lo amb colors des del vermell-rosat fins al groc-verd.

  1. Marina: Hex 000080 | RGB 0, 0, 128
  2. Vermell brillant: Hex FE0004 | RGB 254, 0, 4
  3. Groc assolellat: Hex FFFB00 | RGB 255, 251, 0
  4. Blau pissarra fosc: Hex 483D8B RGB 72, 61, 139 (paraula clau de color SVG blau pissarra fosc; un blau porpra grisenc)
  5. Gold: Hex FFD700 | RGB 255, 215, 0 (paraula clau de color SVG or)
  6. Chartreuse: Hex 7FFF00 | RGB 127, 255, 0
  7. Cian fosc: Hex 008B8B | RGB 0, 139, 139 (el costat més verd del blau)
  8. Violeta-vermell: Hex D02090 | RGB 208, 32, 144
  9. Taronja fosc: Hex C83200 | RGB 200, 50, 0 (not color paraula clau taronja fosca)

Els tons més foscos de blau denoten importància, confiança, poder, autoritat, intel·ligència, estabilitat, unitat i conservadorisme. El vermell és un altre color poderós, però crida més l'atenció que el blau. El groc aporta una mica de brillantor i alegria. L'ús de quantitats iguals de cada color el faria infantil (penseu en colors primaris), com l'exemple 1. Tanmateix, si només utilitzeu petites dosis de vermell i groc (o colors propers) amb un esquema de color principalment blau fosc, és bastant adequat per a projectes per a adults que no voleu semblar massa seriosos.

Recomanat: