Hoe om met blou en komplementêre kleure te ontwerp

INHOUDSOPGAWE:

Hoe om met blou en komplementêre kleure te ontwerp
Hoe om met blou en komplementêre kleure te ontwerp
Anonim

Blou is een van die mees algemene kleure wat in webontwerp gebruik word. Die gebruik van 'n medium tot donkerblou moedig 'n ontspannende gevoel aan wat ontwerpers met geel en oranje kan aanvul.

Hier is 'n paar verskillende maniere waarop Blou met ander kleure kan werk.

Opposites lok en blou pas goed met oranje

Image
Image

Oorweeg dit om blou kleure met oranje in 'n komplementêre kleurskema te kombineer.

Van donkerste tot ligste, die lemoene wat by elke blou monster in die bostaande prent gewys word, is:

  • Hex FFA500 | RGB 255, 165, 0 ('n goue oranje; SVG-kleur sleutelwoord en CSS-kleur sleutelwoord oranje)
  • Hex FF8000 | RGB 255, 128, 0 (medium oranje)
  • Hex FF4500 | RGB 255, 69, 0 (oranje rooi; SVG-kleur sleutelwoord oranjerooi)
  • Hex C83200 | RGB 200, 50, 0 ('n donker oranje)
  • Nommers: Hex FF7F27 | RGB 255, 127, 39 ('n perskeagtige lemoen)

Die blues, van donkerder na ligter is:

  1. Navy: Hex 000080 | RGB 0, 0, 128 (CSS-kleursleutelwoord/SVG-kleursleutelwoord vloot)
  2. Blou: Hex 0000FF | RGB 0, 0, 255 (CSS/SVG-kleursleutelwoord is blou; blaaierveilige kleur)
  3. Hex: 0045FF | RGB 0, 69, 255 ('n medium blou)
  4. Staalblou: Hex 4682B4 | RGB 70, 130, 180 (SVG-kleur sleutelwoord staalblou; 'n korporatiewe blou)
  5. Hex: 0080FF | RGB 0, 128, 255 ('n medium blou)
  6. Ligblou: Hex ADD8E6 | RGB 173, 216, 230 (SVG-kleur sleutelwoord ligblou)

Donker blou en medium skakerings van blou simboliseer belangrikheid, selfvertroue, krag, intelligensie, stabiliteit, eenheid en konserwatisme. Deur 'n bietjie oranje by jou oorwegend donkerblou palet te voeg, stel jy 'n bietjie warmte en energie in wat kan keer dat jou palet te stil of oorweldigend is.

Jy hoef nie hierdie presiese skakerings te gebruik nie. Gaan 'n tikkie ligter of donkerder, of stap een plek na links of regs op die kleurwiel. Hierdie kleurkombinasies help jou om 'n geskikte kleurpalet te vind deur blou en oranje as die hoofkomponente te gebruik.

Meng Deep Blues Met Goue Geel

Image
Image

Neem donkerblou tot amper pers en voeg 'n skeut sonskyngeel by in 'n komplementêre kleurskema.

Blou is 'n koel kleur wat beweeg na warm soos jy die pers kleure byvoeg, terwyl geel 'n warm kleur aan die ander kant van die kleurwiel is. Om onaangename vibrasies te vermy, vermy gebruik in gelyke hoeveelhede. Verlewendig jou blou met 'n spatsel geel (of kalmeer jou geel met 'n skeut blou).

Van donkerste tot ligste, die geel wat met elke blou monster in die bostaande prent gewys word, is:

  • Cadium Yellow: Hex FF9912 | RGB 255, 153, 18 ('n warm, bruinerige geel)
  • Goud: Hex FFD700 | RGB 255, 215, 0 (SVG-kleur sleutelwoord goud)
  • Nommers: Hex FFFF00 | RGB 255, 255, 0 (SVG/CSS-kleur sleutelwoord geel)

Die blues is:

  1. Baie Donkerblou: Hex 000033 | RGB 0, 0, 51 ('n blaaier veilig donkerblou)
  2. Middernagblou: Hex 191970 | RGB 25, 25, 112 (SVG-kleur sleutelwoord middernagblou)
  3. Donker leiblou: Hex 483D8B RGB 72, 61, 139 (SVG-kleur sleutelwoord donkerleiblou; 'n grys-pers blou)
  4. Indigo: Hex 4B0082 | RGB 75, 0, 130 (SVG-kleur sleutelwoord indigo; 'n persblou)
  5. Blue Violet: Hex 8A2BE2 | RGB 138, 43, 226 (SVG-kleur sleutelwoord blouviolet)
  6. Kob altblou: Hex 3D59AB | RGB 61, 89, 171

Kleure wat na die violet-pers kant van blou druk, kan 'n tikkie misterie, sweempies vroulikheid byvoeg. Dit voeg warmte by die koel blou.

skakerings van siaan met donker oranje

Image
Image

Medium tot donker siaan is blou op die rand van groen. Hier word verskeie mediumblou en siaan skakerings saamgespan met donkerbruinerige oranje kleure.

Benewens sy kalmerende eienskappe, dra hierdie donkerder skakering van blou dalk die simboliek van groen, soos balans, harmonie en stabiliteit. Dit kry 'n bietjie warmte en energie wanneer dit gepaard gaan met bruinerige of rooierige skakerings van oranje. Bruin is 'n natuurlike, plat-op-die-aarde neutrale kleur. Rooi en siaan is teenoorgesteldes op die kleurwiel met hoë kontras, maar dit is nie noodwendig 'n goeie kombinasie nie. Om van rooi na oranje en donkerder bloues te beweeg, bied 'n meer aangename palet.

Van donkerste tot ligste, die rooi-oranje wat met elke blou monster in die bostaande prent gewys word, is:

  • Deep Orange Red: Hex CD3700 | RGB 205, 55, 0
  • Cadmium Orange: Hex FF6103 | RGB 255, 97, 3
  • Nommers: Rooi Hex FF0000 | RGB 255, 0, 0 (SVG/CSS-kleur sleutelwoord rooi)

Die blues is:

  1. Donker Koningsblou: Hex 27408B | RGB 39, 64, 139
  2. Deep Sky Blue: Hex 00688B | RGB 0, 104, 139 (not kleur sleutelwoord dieplugblou)
  3. Donker leiblou: Hex 2F4F4F RGB 47, 79, 79 (not kleur sleutelwoord donker leisteenblou)
  4. Donker Siaan: Hex 008B8B | RGB 0, 139, 139 (die groener kant van blou)
  5. Mangaanblou: Hex 03A89E | RGB 3, 168, 158 ('n blou turkoois kleur)
  6. Sian (Aqua): Hex 00FFFF | RGB 0, 255, 255 (SVG-kleur sleutelwoord siaan of aqua; 'n blou-groen kleur)

Blou, Rooi en Geel

Image
Image

'n Gedeelde komplementêre drieklank neem een kleur (in hierdie geval, blou) en gryp dan die kleure aan weerskante van daardie kleur se komplement (teenoorstaande kleur op die kleurwiel). Die komplement van suiwer blou is suiwer geel. Medium blou is teenoor oranje. Na gelang van watter skakering blou jy begin en deur hoeveel tussenkleure jy gaan, kan jy dit pas by kleure van pienkerig-rooi tot geel-groen.

  1. Navy: Hex 000080 | RGB 0, 0, 128
  2. Helderrooi: Hex FE0004 | RGB 254, 0, 4
  3. Sunny Yellow: Hex FFFFB00 | RGB 255, 251, 0
  4. Donker leiblou: Hex 483D8B RGB 72, 61, 139 (SVG-kleur sleutelwoord donker leiblou; 'n grys-pers blou)
  5. Goud: Hex FFD700 | RGB 255, 215, 0 (SVG-kleur sleutelwoord goud)
  6. Chartreuse: Hex 7FFF00 | RGB 127, 255, 0
  7. Donker Siaan: Hex 008B8B | RGB 0, 139, 139 (die groener kant van blou)
  8. Violet-rooi: Hex D02090 | RGB 208, 32, 144
  9. Donkeroranje: Hex C83200 | RGB 200, 50, 0 (not kleur sleutelwoord donker oranje)

Donkerder skakerings van blou dui op belangrikheid, selfvertroue, mag, gesag, intelligensie, stabiliteit, eenheid en konserwatisme. Rooi is nog 'n kragkleur, maar dit trek meer aandag as blou. Geel voeg 'n bietjie helderheid en vreugde by. Die gebruik van gelyke hoeveelhede van elke kleur sal dit kinderlik maak (dink primêre kleure), soos voorbeeld 1. As jy egter net klein dosisse van die rooi en geel (of nabygeleë kleure) met 'n hoofsaaklik donkerblou kleurskema gebruik, is dit redelik geskik vir volwasse projekte wat jy nie te ernstig wil voorkom nie.

Aanbeveel: