Vigtigste Grafisk Design Sådan designer du med blå og komplementære farver

Sådan designer du med blå og komplementære farver



Blå er en af ​​de mest almindelige farver, der bruges i webdesign. Brug af en medium til mørkeblå opmuntrer til en afslappende følelse, som designere kan supplere med gul og orange.

Her er et par forskellige måder, hvorpå blå kan arbejde sammen med andre farver.

01 af 04

Modsætninger tiltrækker og blå går godt sammen med orange

Vælg en blå og vælg en orange for en 2-farvet komplementær palet.

Lifewire / J. Bear

Overvej at kombinere blå farver med appelsin i en komplementært farveskema .

Fra mørkeste til lyseste er appelsinerne vist med hver blå farveprøve i ovenstående billede:

  • Hex #FFA500 | RGB 255.165,0 (en gylden orange; SVG-farvesøgeord og CSS-farvenøgleord orange)
  • Hex #FF8000 | RGB 255.128,0 (mellem orange)
  • Hex #FF4500 | RGB 255,69,0 (orange rød; SVG farve søgeord orangerød)
  • Hex #C83200 | RGB 200,50,0 (en mørk orange)
  • Tal: Hex #FF7F27 | RGB 255.127,39 (en ferskenagtig appelsin)

De blå farver, fra mørkere til lysere er:

    Flåde :Hex #000080 | RGB 0,0,128 (CSS farve søgeord/SVG farve søgeord marineblå) Blå:Hex #0000FF | RGB 0,0,255 (CSS/SVG-farvesøgeord er blåt; browsersikker farve)
  1. Hex: #0045FF | RGB 0,69,255 (en mellemblå)
  2. Stål blå:Hex #4682B4 | RGB 70.130.180 (SVG-farvesøgeord stålblå; en virksomhedsblå )
  3. Hex: #0080FF | RGB 0.128.255 (en mellemblå)
  4. Lyseblå:Hex #ADD8E6 | RGB 173.216.230 (SVG farve søgeord lyseblå)

Mørke blå og medium blå nuancer symboliserer betydning, tillid, magt, intelligens, stabilitet, enhed og konservatisme. Ved at tilføje noget orange til din overvejende mørkeblå palet, introducerer du noget varme og energi, der kan forhindre, at din palet bliver for opstyltet eller overvældende.

hvordan man opretter en standard google-konto

Du behøver ikke bruge disse præcise nuancer. Gå et tryk lysere eller mørkere, eller gå et sted til venstre eller højre på farvehjulet. Disse farvekombinationer hjælper dig med at finde en passende farvepalet med blå og orange som hovedkomponenterne.

02 af 04

Bland Deep Blues med Golden Yellow

Vælg en gul nuance, der passer til en dyb blå eller violet blå.

Lifewire / J. Bear

Tag mørkeblå til næsten lilla og tilføj et stænk solskinsgul i et komplementært farveskema.

Blå er en kølig farve, der bevæger sig til varm, når du tilføjer de lilla toner, mens gul er en varm farve på den anden side af farvehjulet. Undgå at bruge i lige store mængder for at undgå ubehagelige vibrationer. Opliv din blå med et stænk gul (eller berolig din gule med et strejf af blå).

Fra mørkeste til lyseste, den gule vist med hver blå farveprøve i ovenstående billede er:

    Cadium gul:Hex #FF9912 | RGB 255,153,18 (en varm, brunlig gul)Guld:Hex #FFD700 | RGB 255.215,0 (SVG farve søgeord guld)
  • Tal: Hex #FFFF00 | RGB 255.255,0 (SVG/CSS farve søgeord gul)

Blues er:

    Meget mørkeblå:Hex #000033 | RGB 0,0,51 (en browser sikker mørkeblå)Midnatsblå:Hex #191970 | RGB 25,25,112 (SVG farve søgeord midnatsblå)Mørk skiferblå:Hex #483D8B RGB 72,61,139 (SVG-farvesøgeord darkslateblue; en grålig-lilla blå)Indigo:Hex #4B0082 | RGB 75,0,130 (SVG farve søgeord indigo; en lilla blå)Blå violet:Hex #8A2BE2 | RGB 138,43,226 (SVG farvesøgeord blåviolet)Koboltblå:Hex #3D59AB | RGB 61,89,171

Farver, der skubber til den violet-lilla side af blå, kan tilføje et strejf af mystik, antydninger af femininitet. Det tilføjer varme til den kølige blå.

03 af 04

Nuancer af cyan med mørk orange

Vælg en farve omkring cyan og en varm rødlig orange.

Lifewire / J. Bear

synkroniser spotify lokale filer til iphone

Mellem til mørk cyan er blå på grænsen til grøn. Her er forskellige mellemblå og cyan nuancer kombineret med mørke brunlige orange farver.

Ud over sine beroligende egenskaber kan denne mørkere blå nuance bære symbolikken af ​​grøn, såsom balance, harmoni og stabilitet. Det får en smule varme og energi, når det parres med brunlige eller rødlige nuancer af orange. Brun er en naturlig, jordnær neutral farve. Rød og cyan er modsætninger på farvehjulet med høj kontrast, men de er ikke nødvendigvis en god kombination. Flytning fra rød til orange og mørkere blå giver en mere behagelig palet.

Fra mørkest til lysest er den rød-orange vist med hver blå farveprøve i ovenstående billede:

    Dyb orange rød:​Hex #CD3700 | RGB 205,55,0Cadmium Orange:​Hex #FF6103 | RGB 255,97,3
  • Tal: Rød Hex #FF0000 | RGB 255,0,0 (SVG/CSS farvenøgleord rød)

Blues er:

    Mørke kongeblå:Hex #27408B | RGB 39,64,139Dyb himmelblå:Hex #00688B | RGB 0.104.139 ( ikke farve søgeord deepskyblue)Mørk skiferblå:Hex #2F4F4F RGB 47,79,79 ( ikke farve søgeord mørk skiferblå)Mørk cyan:Hex #008B8B | RGB 0.139.139 (den grønnere side af blå)Mangan blå:Hex #03A89E | RGB 3.168.158 (en blå turkis farve)Cyan (Aqua):Hex #00FFFF | RGB 0.255.255 (SVG-farvesøgeord cyan eller aqua; en blå-grøn farve)
04 af 04

Blå, rød og gul

Blå Rød Gul og deres blå komplementer

Lifewire / J. Bear

En delt komplementær treklang tager én farve (i dette tilfælde blå) og griber derefter farverne på hver side af den farves komplement (modsat farve på farvehjulet). Komplementet af ren blå er ren gul. Mellemblå er modsat orange. Afhængigt af hvilken blå nuance du starter med, og hvor mange mellemfarver du går igennem, kan du matche den med farver fra pink-rød til gul-grøn.

  1. Flåde: Hex #000080 | RGB 0,0,128
  2. Knaldrød: Hex #FE0004 | RGB 254,0,4
  3. Solrig gul: Hex #FFFFB00 | RGB 255.251,0
  4. Mørk skiferblå: Hex #483D8B RGB 72,61,139 (SVG-farve søgeord mørk skiferblå; en grålig-lilla blå)
  5. Guld: Hex #FFD700 | RGB 255.215,0 (SVG farve søgeord guld)
  6. Chartreuse : Hex #7FFF00 | RGB 127.255,0
  7. Mørk cyan: Hex #008B8B | RGB 0.139.139 (den grønnere side af blå)
  8. Violet-rød: Hex #D02090 | RGB 208,32,144
  9. Mørk orange: Hex #C83200 | RGB 200,50,0 ( ikke farve søgeord mørk orange)

Mørkere blå nuancer betegner vigtighed, selvtillid, magt, autoritet, intelligens, stabilitet, enhed og konservatisme. Rød er en anden kraftfarve, men den fanger opmærksomhed mere end blå. Gul tilføjer noget lysstyrke og glæde. At bruge lige store mængder af hver farve ville gøre den barnlig (tænk primærfarver), som eksempel #1. Men hvis du kun bruger små doser af de røde og gule (eller nærliggende farver) med et primært mørkeblåt farveskema, er det ret velegnet til voksne projekter, som du ikke ønsker at dukke opogsåalvorlig.

Farveprøver af blå og andre farver med hex-numre

Lifewire / Marina Li

hvordan man ændrer ok google til noget andet

Interessante Artikler

Redaktørens Valg

Hvordan Streamer TheDanDangler forvandlede en Instagram-følger til succes
Hvordan Streamer TheDanDangler forvandlede en Instagram-følger til succes
En lille boble rækker langt, og TheDanDangler er den mest sprudlende personlighed på Twitch.
Sådan låses lydstyrken på Android
Sådan låses lydstyrken på Android
Smartphones er usædvanligt nyttige stykker tech. At have musik, spil, sociale medier, videoer og bøger i en lille pakke er fantastisk. Så fantastisk i virkeligheden, at du næppe kunne bebrejdes for at glemme deres grundlæggende, originale funktion - en telefon.
Sluk for Autoforbedring i Fotos-appen i Windows 10
Sluk for Autoforbedring i Fotos-appen i Windows 10
Du kan slå Automatisk forbedring fra i appen Fotos i Windows 10 for at få et mere naturligt udseende til dine fotos. Fotos-appen i Windows 10 ...
Sådan spiller du musik på alle Google Home-højttalere
Sådan spiller du musik på alle Google Home-højttalere
En af de mest innovative ting ved smarte højttalere er deres evne til at synkronisere og afspille musik som en enhed. Forestil dig at have den samme slags højttaler i hvert værelse i dit hus. Dine familiemedlemmer kunne hver bruge deres
Aktivér AVIF-support i Mozilla Firefox
Aktivér AVIF-support i Mozilla Firefox
Sådan aktiveres AVIF-understøttelse i Mozilla Firefox Fra og med Mozilla Firefox 77, der er i Betakanalen i skrivende stund, er det muligt at aktivere understøttelsen af ​​AVIF-billedformat i browseren. Dette kan være nyttigt for websteder, der aktivt bruger dette moderne format til at levere rigt multimedieindhold
Tilføj eller fjern tastaturlayout i Windows 10
Tilføj eller fjern tastaturlayout i Windows 10
Seneste Windows 10-builds leveres med en ny 'Tastatur'-side i appen Indstillinger. Sådan tilføjes eller fjernes et tastaturlayout i Windows 10.
Dagligt Bing # 2-tema til Windows 8
Dagligt Bing # 2-tema til Windows 8
Få de fantastiske tapeter, der er samlet fra Bings daglige billeder med temaet Daily Bing # 2 til Windows 8. For at få dette tema skal du klikke på downloadlinket nedenfor og derefter klikke på Åbn. Dette vil anvende temaet på dit skrivebord. Tip: Hvis du bruger Windows 7, skal du bruge vores Deskthemepack Installer til at installere og anvende dette