Hoofd Grafisch Ontwerp Hoe te ontwerpen met blauwe en complementaire kleuren

Hoe te ontwerpen met blauwe en complementaire kleuren



Blauw is een van de meest voorkomende kleuren die worden gebruikt in webdesign. Het gebruik van medium tot donkerblauw bevordert een ontspannen gevoel dat ontwerpers kunnen aanvullen met geel en oranje.

Hier zijn een paar verschillende manieren waarop blauw met andere kleuren kan werken.

01 van 04

Tegenpolen trekken elkaar aan en blauw gaat goed samen met oranje

Kies blauw en kies oranje voor een complementair tweekleurenpalet.

Lifewire / J. Beer

Overweeg om te combineren blauwe kleuren met sinaasappel in a complementair kleurenschema .

Van donker naar licht, de sinaasappelen die bij elk blauw staal in de bovenstaande afbeelding worden weergegeven, zijn:

  • Hex #FFA500 | RGB 255.165,0 (goudoranje; SVG-kleurtrefwoord & CSS-kleurtrefwoord oranje)
  • Hexnummer #FF8000 | RGB 255.128,0 (medium oranje)
  • Hexuitdraai #FF4500 | RGB 255,69,0 (oranjerood; SVG-kleurtrefwoord oranjerood)
  • Hexuitdraai #C83200 | RGB 200,50,0 (een donkeroranje)
  • Getallen: Hex #FF7F27 | RGB 255.127.39 (een perzikkleurige sinaasappel)

De blues, van donkerder naar lichter, zijn:

    Marine :Hexuitdraai #000080 | RGB 0,0,128 (CSS-kleurtrefwoord/SVG-kleurtrefwoord marineblauw) Blauw:Hexuitdraai #0000FF | RGB 0,0,255 (CSS/SVG-kleurtrefwoord is blauw; browserveilige kleur)
  1. Hexuitdraai: #0045FF | RGB 0,69,255 (een medium blauw)
  2. Staal blauw:Hexuitdraai #4682B4 | RGB 70.130.180 (SVG-kleurtrefwoord staalblauw; een bedrijfsblauw)
  3. Hexuitdraai: #0080FF | RGB 0,128,255 (een medium blauw)
  4. Lichtblauw:Hexuitdraai #ADD8E6 | RGB 173.216.230 (SVG-kleurtrefwoord lichtblauw)

Donkerblauw En middelmatige blauwtinten symboliseren belang, vertrouwen, macht, intelligentie, stabiliteit, eenheid en conservatisme. Door wat oranje toe te voegen aan je overwegend donkerblauwe palet, introduceer je wat warmte en energie die ervoor kan zorgen dat je palet niet te hoogdravend of overweldigend wordt.

hoe te controleren welke ram ik heb windows 10

U hoeft niet deze exacte tinten te gebruiken. Ga een tintje lichter of donkerder, of stap één plek naar links of rechts op het kleurenwiel. Deze kleurencombinaties helpen je bij het vinden van een geschikt kleurenpalet met blauw en oranje als hoofdcomponenten.

02 van 04

Meng diepe blues met goudgeel

Kies een tint geel die past bij diepblauw of violet getint blauw.

Lifewire / J. Beer

Breng donkerblauw tot bijna paars en voeg een vleugje zonnegeel toe in een complementair kleurenschema.

Blauw is een koele kleur die overgaat in warm naarmate je de paarsachtige tinten toevoegt, terwijl geel een warme kleur is aan de andere kant van het kleurenwiel. Om onaangename trillingen te voorkomen, vermijd het gebruik van gelijke hoeveelheden. Verlevendig je blauw met een vleugje geel (of kalmeer je geel met een vleugje blauw).

Van donker naar licht, het geel dat bij elk blauw staal in de bovenstaande afbeelding wordt weergegeven, is:

    Cadiumgeel:Hexuitdraai #FF9912 | RGB 255.153.18 (warm, bruingeel)Goud:Hex #FFD700 | RGB 255.215,0 (SVG kleur trefwoord goud)
  • Getallen: Hex #FFFF00 | RGB 255.255,0 (SVG/CSS kleur trefwoord geel)

De blues zijn:

    Zeer donkerblauw:Hexuitdraai #000033 | RGB 0,0,51 (een browserveilig donkerblauw)Middernacht blauw:Hex #191970 | RGB 25,25,112 (SVG-kleurtrefwoord middernachtblauw)Donker leisteenblauw:Hex #483D8B RGB 72,61,139 (SVG-kleurtrefwoord darkslateblue; een grijsachtig-paars blauw)Indigo:Hexuitdraai #4B0082 | RGB 75,0,130 (SVG-kleurtrefwoord indigo; paarsachtig blauw)Blauw Violet:Hexuitdraai #8A2BE2 | RGB 138,43,226 (SVG-kleurtrefwoord blauwviolet)Kobalt blauw:Hexuitdraai #3D59AB | RGB-61,89,171

Kleuren die naar de violet-paarse kant van blauw neigen, kunnen een vleugje mysterie en een vleugje vrouwelijkheid toevoegen. Het voegt warmte toe aan het koele blauw.

03 van 04

Tinten cyaan met donkeroranje

Kies een kleur rond cyaan en warm roodachtig oranje.

Lifewire / J. Beer

hoe je al je YouTube-opmerkingen kunt vinden

Medium tot donker cyaan is blauw op de rand van groen. Hier worden verschillende middelblauwe en cyaan tinten gecombineerd met donkerbruin-oranje kleuren.

Naast de kalmerende eigenschappen kan deze donkerdere blauwtint ook de symboliek van groen in zich dragen, zoals evenwicht, harmonie en stabiliteit. Het krijgt een beetje warmte en energie als het wordt gecombineerd met bruinachtige of roodachtige oranje tinten. Bruin is een natuurlijke, nuchtere neutrale kleur. Rood en cyaan zijn tegenpolen op het kleurenwiel met een hoog contrast, maar vormen niet per se een geweldige combinatie. De overgang van rood naar oranje en donkerder blauw zorgt voor een aangenamer palet.

Van de donkerste naar de lichtste zijn de rood-oranje tonen bij elk blauw staal in de bovenstaande afbeelding:

    Diep oranjerood:​Hex #CD3700 | RGB205,55,0Cadmium-sinaasappel:​Hex #FF6103 | RGB-255,97,3
  • Cijfers: Rode hex #FF0000 | RGB 255,0,0 (SVG/CSS kleur trefwoord rood)

De blues zijn:

    Donker koningsblauw:Hexuitdraai #27408B | RGB-39,64,139Diep hemelsblauw:Hexuitdraai #00688B | RGB-0,104,139 ( niet kleur trefwoord deepskyblue)Donker leisteenblauw:Hexuitdraai #2F4F4F RGB 47,79,79 ( niet kleur trefwoord donkerleiblauw)Donker cyaan:Hexuitdraai #008B8B | RGB 0,139,139 (de groenere kant van blauw)Mangaanblauw:Hexuitdraai #03A89E | RGB 3.168.158 (een blauwe turquoise kleur)Cyaan (aqua):Hexnummer #00FFFF | RGB 0,255,255 (SVG-kleurtrefwoord cyaan of aqua; een blauwgroene kleur)
04 van 04

Blauw, rood en geel

Blauw Rood Geel en hun blauwe complementen

Lifewire / J. Beer

Een gesplitste complementaire triade neemt één kleur (in dit geval blauw) en pakt vervolgens de kleuren aan weerszijden van het complement van die kleur (de tegenovergestelde kleur op het kleurenwiel). De aanvulling van puur blauw is puur geel. Middelblauw staat tegenover oranje. Afhankelijk van met welke blauwtint je begint en hoeveel tussenkleuren je doorloopt, kun je het matchen met kleuren van rozerood tot geelgroen.

  1. Marine: Hexuitdraai #000080 | RGB-0,0,128
  2. Fel rood: Hexuitdraai #FE0004 | RGB254,0,4
  3. Zonnig geel: Hex #FFFB00 | RGB-255.251,0
  4. Donker leisteenblauw: Hex #483D8B RGB 72,61,139 (SVG-kleurtrefwoord donker leiblauw; grijsachtig-paars blauw)
  5. Goud: Hex #FFD700 | RGB 255.215,0 (SVG kleur trefwoord goud)
  6. Chartreuse : Hexnummer #7FFF00 | RGB-127.255,0
  7. Donker cyaan: Hexuitdraai #008B8B | RGB 0,139,139 (de groenere kant van blauw)
  8. Violet-Rood: Hexuitdraai #D02090 | RGB-208,32,144
  9. Donker oranje: Hexuitdraai #C83200 | RGB-200,50,0 ( niet kleur trefwoord donkeroranje)

Donkerdere tinten blauw duiden op belang, vertrouwen, macht, autoriteit, intelligentie, stabiliteit, eenheid en conservatisme. Rood is een andere krachtige kleur, maar trekt meer de aandacht dan blauw. Geel voegt wat helderheid en vreugde toe. Het gebruik van gelijke hoeveelheden van elke kleur zou het kinderlijk maken (denk aan primaire kleuren), zoals voorbeeld #1. Als u echter slechts kleine doses rood en geel (of nabijgelegen kleuren) gebruikt met een voornamelijk donkerblauw kleurenschema, is dit redelijk geschikt voor projecten voor volwassenen die u niet wilt laten verschijnen.teserieus.

Kleurstalen van blauw en andere kleuren met hexadecimale cijfers

Lifewire / Marina Li

hoe muziek toe te voegen op instagram

Interessante Artikelen

Editor'S Choice

Schakel Windows-spellingcontrole in Microsoft Edge Chromium in
Schakel Windows-spellingcontrole in Microsoft Edge Chromium in
Windows-spellingcontrole inschakelen in Microsoft Edge Chromium. Zoals u zich wellicht herinnert, heeft Microsoft zich ingespannen om de mogelijkheid toe te voegen om de ingebouwde spreuk ch
Hoe de Mail-app te resetten in Windows 10
Hoe de Mail-app te resetten in Windows 10
Windows 10 bevat een nieuwe Mail-app die simplistisch is en waarmee u e-mail kunt verzenden en ontvangen vanaf meerdere accounts. Als het niet goed werkt, kunt u proberen het opnieuw in te stellen en opnieuw te beginnen. Laten we eens kijken hoe het kan worden gedaan. Advertentie Windows 10 wordt geleverd met een universele app, 'Mail'. De app
Google verwijdert ouderlijk toezicht van Chrome's 'bewaakte gebruikers'
Google verwijdert ouderlijk toezicht van Chrome's 'bewaakte gebruikers'
Schakel een nieuw inlogscherm in Windows 10 build 9926 in
Schakel een nieuw inlogscherm in Windows 10 build 9926 in
Hier ziet u hoe u een nieuw inlogscherm in Windows 10 build 9926 kunt inschakelen.
Stel een sneltoets in om de toetsenbordindeling in Gnome 3 te wijzigen
Stel een sneltoets in om de toetsenbordindeling in Gnome 3 te wijzigen
Zie hoe u een enkele sneltoets toewijst (niet een toetsencombinatie zoals Win + Space of Alt + Shift) om uw toetsenbordindeling in Gnome 3 te wijzigen.
Chromecasten naar uw Fire Stick
Chromecasten naar uw Fire Stick
Je kunt naar je Fire Stick casten zoals Chromecast, maar alleen als je telefoon dit ondersteunt. Als dit niet het geval is, moet u een app als tijdelijke oplossing gebruiken.
Hoe het Spotify-account te wijzigen dat is verbonden met BeReal
Hoe het Spotify-account te wijzigen dat is verbonden met BeReal
Heb je je Spotify-account gekoppeld aan je BeReal-account en ervaar je foutmeldingen zoals 'BeReal gebruikersnaamvoorwaarde mislukt' of 'BeReal Spotify werkt niet?' Mogelijk moet u het Spotify-account wijzigen dat u leuk vindt in BeReal. Met BeReal's recente