Huvud Grafisk Design Hur man designar med blå och komplementära färger

Hur man designar med blå och komplementära färger



Blått är en av de vanligaste färgerna som används i webbdesign. Att använda en medium till mörkblått uppmuntrar en avkopplande känsla som designers kan komplettera med gult och orange.

Här är några olika sätt som blått kan fungera med andra färger.

01 av 04

Motsatser attraherar och blått går bra med orange

Välj en blå och välj en orange för en kompletterande palett med två färger.

Lifewire / J. Bear

Överväg att kombinera blå färger med apelsin i en kompletterande färgschema .

Från mörkast till ljusast, apelsinerna som visas med varje blå färgruta i bilden ovan är:

  • Hex #FFA500 | RGB 255 165,0 (en gyllene orange; SVG-färgnyckelord & CSS-färgnyckelord orange)
  • Hex #FF8000 | RGB 255 128,0 (mellan orange)
  • Hex #FF4500 | RGB 255,69,0 (orangeröd; SVG-nyckelord orangeröd)
  • Hex #C83200 | RGB 200,50,0 (en mörkorange)
  • Siffror: Hex #FF7F27 | RGB 255 127,39 (en persika apelsin)

Blues, från mörkare till ljusare är:

    Marin :Hex #000080 | RGB 0,0,128 (CSS färg nyckelord/SVG färg nyckelord marinblå) Blå:Hex #0000FF | RGB 0,0,255 (CSS/SVG-färgnyckelord är blått; webbläsarsäker färg)
  1. Hex: #0045FF | RGB 0,69,255 (en mellanblå)
  2. Stålblå:Hex #4682B4 | RGB 70 130 180 (SVG-färgsökord stålblå; en företagsblå )
  3. Hex: #0080FF | RGB 0 128 255 (en mellanblå)
  4. Ljusblå:Hex #ADD8E6 | RGB 173 216 230 (SVG färg nyckelord ljusblå)

Mörkblå färg och medelstora nyanser av blått symboliserar betydelse, självförtroende, makt, intelligens, stabilitet, enhet och konservatism. Genom att lägga till lite orange till din övervägande mörkblå palett introducerar du lite värme och energi som kan hålla din palett från att bli för stilig eller överväldigande.

hur ansluter jag min tp link extender?

Du behöver inte använda dessa exakta nyanser. Gå en klick ljusare eller mörkare, eller stega en punkt till vänster eller höger på färghjulet. Dessa färgkombinationer hjälper dig att hitta en lämplig färgpalett med blått och orange som huvudkomponenter.

02 av 04

Blanda Deep Blues med Golden Yellow

Välj en nyans av gult för att gå med en djupblå eller violettfärgad blå.

Lifewire / J. Bear

Ta mörkblått till nästan lila och lägg till en skvätt solskensgul i ett kompletterande färgschema.

Blå är en sval färg som går till varm när du lägger till de lila tonerna, medan gul är en varm färg på andra sidan av färghjulet. Undvik att använda i lika stora mängder för att undvika obehagliga vibrationer. Liva upp din blåa med en skvätt gul (eller lugna din gula med en klick blått).

Från mörkast till ljusast, den gula som visas med varje blå färgruta i bilden ovan är:

    Kadiumgul:Hex #FF9912 | RGB 255,153,18 (en varm, brunaktig gul)Guld:Hex #FFD700 | RGB 255 215,0 (SVG färg nyckelord guld)
  • Siffror: Hex #FFFF00 | RGB 255 255,0 (SVG/CSS färg nyckelord gul)

Bluesen är:

    Mycket mörkblå:Hex #000033 | RGB 0,0,51 (en webbläsare säker mörkblå)Midnattsblå:Hex #191970 | RGB 25,25,112 (SVG-färgsökord midnattsblå)Mörk skifferblå:Hex #483D8B RGB 72,61,139 (SVG-nyckelord mörkskifferblå; en grålila blå)Indigo:Hex #4B0082 | RGB 75,0,130 (SVG-nyckelord indigo; en lilablå)Blåviolett:Hex #8A2BE2 | RGB 138,43,226 (SVG-färgsökord blåviolett)Koboltblå:Hex #3D59AB | RGB 61,89,171

Färger som trycker till den violett-lila sidan av blått kan lägga till en touch av mystik, inslag av femininitet. Det ger värme till det svala blåa.

03 av 04

Nyanser av cyan med mörk orange

Välj en färg runt cyan och en varm rödaktig orange.

Lifewire / J. Bear

hur man inte hittar något nummerpresentation

Medium till mörk cyan är blå på gränsen till grönt. Här kombineras olika mellanblå och cyan nyanser med mörkt brunorange färger.

Förutom sina lugnande egenskaper kan denna mörkare blå nyans bära symboliken av grönt, såsom balans, harmoni och stabilitet. Den får lite värme och energi när den paras ihop med brunaktiga eller rödaktiga nyanser av orange. Brun är en naturlig, jordnära neutral färg. Rött och cyan är motsatser på färghjulet med hög kontrast, men de är inte nödvändigtvis en bra kombination. Att flytta från rött till orange och mörkare blått ger en mer tilltalande palett.

Från mörkast till ljusast, den röd-orange som visas med varje blå färgruta i bilden ovan är:

    Djup orange röd:​Hex #CD3700 | RGB 205,55,0Kadmium Orange:​Hex #FF6103 | RGB 255,97,3
  • Siffror: Röd Hex #FF0000 | RGB 255,0,0 (SVG/CSS färg nyckelord röd)

Bluesen är:

    Mörk kunglig blå:Hex #27408B | RGB 39,64,139Deep Sky Blue:Hex #00688B | RGB 0,104,139 ( inte färg nyckelord deepskyblue)Mörk skifferblå:Hex #2F4F4F RGB 47,79,79 ( inte färg nyckelord mörkskifferblå)Mörkcyan:Hex #008B8B | RGB 0,139,139 (den grönare sidan av blå)Manganblått:Hex #03A89E | RGB 3 168 158 (en blå turkos färg)Cyan (Aqua):Hex #00FFFF | RGB 0 255 255 (SVG-nyckelord cyan eller aqua; en blågrön färg)
04 av 04

Blå, röd och gul

Blå Röd Gul och deras blå komplement

Lifewire / J. Bear

En delad komplementär triad tar en färg (i det här fallet blå) och tar sedan tag i färgerna på vardera sidan av den färgens komplement (motsatt färg på färghjulet). Komplementet av rent blått är rent gult. Mellanblått är mitt emot orange. Beroende på vilken nyans av blått du börjar med och hur många mellanfärger du går igenom kan du matcha det med färger från rosaröd till gulgrön.

  1. Marin: Hex #000080 | RGB 0,0,128
  2. Klar röd: Hex #FE0004 | RGB 254,0,4
  3. Soligt gult: Hex #FFFFB00 | RGB 255,251,0
  4. Mörk skifferblå: Hex #483D8B RGB 72,61,139 (SVG-nyckelord mörk skifferblå, en grålila blå)
  5. Guld: Hex #FFD700 | RGB 255 215,0 (SVG färg nyckelord guld)
  6. Chartreuse : Hex #7FFF00 | RGB 127 255,0
  7. Mörkcyan: Hex #008B8B | RGB 0,139,139 (den grönare sidan av blå)
  8. Violett-röd: Hex #D02090 | RGB 208,32,144
  9. Mörk orange: Hex #C83200 | RGB 200,50,0 ( inte färg nyckelord mörkorange)

Mörkare nyanser av blått anger betydelse, självförtroende, makt, auktoritet, intelligens, stabilitet, enhet och konservatism. Rött är en annan kraftfull färg, men den väcker uppmärksamhet mer än blå. Gult ger lite ljusstyrka och glädje. Att använda lika stora mängder av varje färg skulle göra det barnsligt (tänk primärfärger), som exempel #1. Men om du bara använder små doser av de röda och gula (eller närliggande färger) med ett primärt mörkblått färgschema, är det ganska lämpligt för vuxenprojekt som du inte vill ska synasförallvarlig.

Färgprover av blått och andra färger med sexkantsnummer

Lifewire / Marina Li

hur man ansluter Chromecast till ny wifi

Intressanta Artiklar

Redaktionen

Hur man inaktiverar @ alla i Discord
Hur man inaktiverar @ alla i Discord
Att ta emot @nämnanden i Discord kan vara både ett privilegium och en irritation, beroende på var det kommer ifrån. Det mer ökända omnämnandet för det senare är det för @everyone. @everyone kan användas som en bra påminnelse eller uppdatera @mention
Släppdatum för Samsung Galaxy Note 9: Samsung visar oss äntligen Note 9
Släppdatum för Samsung Galaxy Note 9: Samsung visar oss äntligen Note 9
Samsung Galaxy Note 9-meddelandet var aldrig en överraskning. Vi har vetat att Samsung arbetade med att släppa ytterligare en phablet i sin Noteraad av enheter i år och se, här är den. Efter framgången med
Taggarkiv: Windows 10 Build 16299.98
Taggarkiv: Windows 10 Build 16299.98
Kan GroupMe användas utan ett telefonnummer?
Kan GroupMe användas utan ett telefonnummer?
Har du försökt skapa ett GroupMe-konto men gett upp för att du var tvungen att ange ditt telefonnummer? Är det till och med möjligt att använda appen utan att göra det? I den här tiden är säkerheten på webben
Så här beställer du om mappar i ett bibliotek i Windows 10
Så här beställer du om mappar i ett bibliotek i Windows 10
Windows 10 visar mappar i ett bibliotek i den ordning du lade till dessa mappar. Du kanske är intresserad av att omorganisera dem och ändra deras visningsordning.
Samsung Galaxy S7 vs Samsung Galaxy S6 vs Samsung Galaxy S5: Ska du uppgradera till Samsungs nya flaggskeppssmartphone?
Samsung Galaxy S7 vs Samsung Galaxy S6 vs Samsung Galaxy S5: Ska du uppgradera till Samsungs nya flaggskeppssmartphone?
Samsung Galaxy S7 är ute i naturen och har säkrat en högt rankad plats på vår lista över bästa smartphones. Det kan vara en fantastisk enhet, men är det värt att uppgradera om du har en Galaxy S6?
Kan du spela Roblox på Chromebook?
Kan du spela Roblox på Chromebook?
Att flytta från en Windows-dator till en Chromebook kan orsaka vissa svårigheter med dina favoritappar och spel som Roblox. Nyligen blev det dock mycket lättare att göra. I den här artikeln visar vi hur Roblox kan fungera på Chromebook