Hvordan designe med blått og komplementære farger

Innholdsfortegnelse:

Hvordan designe med blått og komplementære farger
Hvordan designe med blått og komplementære farger
Anonim

Blå er en av de vanligste fargene som brukes i webdesign. Bruk av middels til mørkeblått gir en avslappende følelse som designere kan komplementere med gult og oransje.

Her er noen forskjellige måter blått kan fungere sammen med andre farger.

Opposites Attract and Blue passer bra med oransje

Image
Image

Vurder å kombinere blå farger med oransje i et komplementært fargevalg.

Fra mørkest til lysest, appelsinene vist med hver blå fargeprøve i bildet ovenfor er:

  • Hex FFA500 | RGB 255, 165, 0 (en gylden oransje; SVG-fargesøkeord og CSS-fargenøkkelord oransje)
  • Hex FF8000 | RGB 255, 128, 0 (middels oransje)
  • Hex FF4500 | RGB 255, 69, 0 (oransje rød; SVG farge søkeord oransjerød)
  • Hex C83200 | RGB 200, 50, 0 (en mørk oransje)
  • Tall: Hex FF7F27 | RGB 255, 127, 39 (en ferskenaktig appelsin)

Bluen, fra mørkere til lysere er:

  1. Marine: Hex 000080 | RGB 0, 0, 128 (CSS-fargesøkeord/SVG-fargesøkeord marine)
  2. Blå: Hex 0000FF | RGB 0, 0, 255 (CSS/SVG-fargesøkeord er blått; nettleserfarge)
  3. Hex: 0045FF | RGB 0, 69, 255 (en middels blå)
  4. Stålblå: Hex 4682B4 | RGB 70, 130, 180 (SVG-fargesøkeord steelblue; a corporate blue)
  5. Hex: 0080FF | RGB 0, 128, 255 (en middels blå)
  6. Lyseblå: Hex ADD8E6 | RGB 173, 216, 230 (SVG-fargesøkeord lyseblå)

Mørk blå og mellomblå nyanser symboliserer viktighet, selvtillit, kraft, intelligens, stabilitet, enhet og konservatisme. Ved å legge til litt oransje til den overveiende mørkeblå paletten, introduserer du litt varme og energi som kan forhindre at paletten din blir for stilig eller overveldende.

Du trenger ikke å bruke akkurat disse nyansene. Gå et trykk lysere eller mørkere, eller gå ett sted til venstre eller høyre på fargehjulet. Disse fargekombinasjonene hjelper deg med å finne en passende fargepalett med blått og oransje som hovedkomponenter.

Mix Deep Blues With Golden Yellow

Image
Image

Ta mørkeblå til nesten lilla og legg til en skvett solskinnsgul i et komplementært fargevalg.

Blå er en kjølig farge som beveger seg til varm mens du legger til de lilla fargene, mens gul er en varm farge på den andre siden av fargehjulet. For å unngå ubehagelige vibrasjoner, unngå å bruke i like mengder. Gi liv til den blå fargen din med en skvett gul (eller roe ned den gule med en dæsj blått).

Fra mørkest til lysest, den gule som vises med hver blå fargeprøve i bildet ovenfor er:

  • Cadium Yellow: Hex FF9912 | RGB 255, 153, 18 (en varm, brunaktig gul)
  • Gull: Hex FFD700 | RGB 255, 215, 0 (SVG farge søkeord gull)
  • Tall: Hex FFFF00 | RGB 255, 255, 0 (SVG/CSS farge søkeord gul)

Blues er:

  1. Very Dark Blue: Hex 000033 | RGB 0, 0, 51 (en nettleser sikker mørkeblå)
  2. Midnight Blue: Hex 191970 | RGB 25, 25, 112 (SVG-fargesøkeord midnattblå)
  3. Dark Slate Blue: Hex 483D8B RGB 72, 61, 139 (SVG-fargesøkeord darkslateblue; en grå-lilla blå)
  4. Indigo: Hex 4B0082 | RGB 75, 0, 130 (SVG-fargesøkeord indigo; en lilla blå)
  5. Blue Violet: Hex 8A2BE2 | RGB 138, 43, 226 (SVG-fargesøkeord blåfiolett)
  6. Koboltblå: Hex 3D59AB | RGB 61, 89, 171

Farger som skyver til den fiolett-lilla siden av blått kan legge til et snev av mystikk, hint av femininitet. Det gir varme til det kjølige blå.

Shades of Cyan With Dark Orange

Image
Image

Medium til mørk cyan er blå på grensen til grønn. Her er ulike mellomblå og cyan nyanser kombinert med mørk brunaktig oransje farger.

I tillegg til sine beroligende egenskaper, kan denne mørkere nyansen av blått bære symbolikken til grønt, som balanse, harmoni og stabilitet. Den får litt varme og energi når den kombineres med brunlige eller rødlige nyanser av oransje. Brun er en naturlig, jordnær nøytral farge. Rødt og cyan er motsetninger på fargehjulet med høy kontrast, men de er ikke nødvendigvis en god kombinasjon. Å gå fra rødt til oransje og mørkere blått gir en mer behagelig palett.

Fra mørkest til lysest, den rød-oransje som vises med hver blå fargeprøve i bildet ovenfor er:

  • Dyp oransje rød: Hex CD3700 | RGB 205, 55, 0
  • Cadmium Orange: Hex FF6103 | RGB 255, 97, 3
  • Number: Red Hex FF0000 | RGB 255, 0, 0 (SVG/CSS farge søkeord rød)

Blues er:

  1. Mørk kongeblå: Hex 27408B | RGB 39, 64, 139
  2. Deep Sky Blue: Hex 00688B | RGB 0, 104, 139 (not fargesøkeord deepskyblue)
  3. Dark Slate Blue: Hex 2F4F4F RGB 47, 79, 79 (not color keyword darkslateblue)
  4. Mørkcyan: Hex 008B8B | RGB 0, 139, 139 (den grønnere siden av blå)
  5. Manganblå: Hex 03A89E | RGB 3, 168, 158 (en blå turkis farge)
  6. Cyan (Aqua): Hex 00FFFF | RGB 0, 255, 255 (SVG-fargesøkeord cyan eller aqua; en blågrønn farge)

Blå, rød og gul

Image
Image

En delt komplementær treklang tar én farge (i dette tilfellet blå) og griper deretter fargene på hver side av den fargens komplement (motsatt farge på fargehjulet). Komplementet av rent blått er rent gult. Medium blå er motsatt oransje. Avhengig av hvilken blånyanse du starter med og hvor mange mellomfarger du går gjennom, kan du matche den med farger fra rosa-rød til gul-grønn.

  1. Marine: Hex 000080 | RGB 0, 0, 128
  2. Bright Red: Hex FE0004 | RGB 254, 0, 4
  3. Sunny Yellow: Hex FFFB00 | RGB 255, 251, 0
  4. Dark Slate Blue: Hex 483D8B RGB 72, 61, 139 (SVG-fargesøkeord mørk skiferblå; en grå-lilla blå)
  5. Gull: Hex FFD700 | RGB 255, 215, 0 (SVG farge søkeord gull)
  6. Chartreuse: Hex 7FFF00 | RGB 127, 255, 0
  7. Mørkcyan: Hex 008B8B | RGB 0, 139, 139 (den grønnere siden av blå)
  8. Violet-Red: Hex D02090 | RGB 208, 32, 144
  9. Mørk oransje: Hex C83200 | RGB 200, 50, 0 (not farge søkeord mørk oransje)

Mørkere blå nyanser betyr viktighet, selvtillit, makt, autoritet, intelligens, stabilitet, enhet og konservatisme. Rødt er en annen kraftfarge, men den fanger oppmerksomhet mer enn blå. Gult gir litt lysstyrke og glede. Å bruke like mengder av hver farge ville gjøre den barnlig (tenk primærfarger), som eksempel 1. Men hvis du bare bruker små doser av de røde og gule (eller nærliggende farger) med et primært mørkeblått fargevalg, er det ganske egnet for voksne prosjekter som du ikke vil skal virke for seriøse.

Anbefalt: