Blå ä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.
Opposites Attract and Blue passar bra med Orange
Överväg att kombinera blå färger med orange i ett 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 (mellanorange)
- Hex FF4500 | RGB 255, 69, 0 (orangeröd; SVG-färgsökord orangeröd)
- Hex C83200 | RGB 200, 50, 0 (en mörkorange)
- Numbers: Hex FF7F27 | RGB 255, 127, 39 (en persika apelsin)
Blues, från mörkare till ljusare är:
- Marinblå: Hex 000080 | RGB 0, 0, 128 (CSS färg nyckelord/SVG färg nyckelord marinblå)
- Blå: Hex 0000FF | RGB 0, 0, 255 (CSS/SVG-nyckelordet är blått, webbläsarsäker färg)
- Hex: 0045FF | RGB 0, 69, 255 (en mellanblå)
- Stålblå: Hex 4682B4 | RGB 70, 130, 180 (SVG-färgsökord stålblå; en företagsblå)
- Hex: 0080FF | RGB 0, 128, 255 (en mellanblå)
- Ljusblå: Hex ADD8E6 | RGB 173, 216, 230 (SVG-nyckelord ljusblå)
Mörkt blått och mellanblå nyanser symboliserar betydelse, självförtroende, kraft, 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 förhindra att din palett blir för stilig eller överväldigande.
Du behöver inte använda exakt dessa 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.
Mixa djup blues med guldgult
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 stänk gul (eller lugna din gula med en klick blå).
Från mörkast till ljusast, det gula som visas med varje blå färgprov i bilden ovan är:
- Cadium Yellow: Hex FF9912 | RGB 255, 153, 18 (en varm, brungul)
- Guld: Hex FFD700 | RGB 255, 215, 0 (SVG-färgsökord guld)
- Number: Hex FFFF00 | RGB 255, 255, 0 (SVG/CSS färg nyckelord gul)
Blues är:
- Mycket mörkblå: Hex 000033 | RGB 0, 0, 51 (en webbläsare säker mörkblå)
- Midnight Blue: Hex 191970 | RGB 25, 25, 112 (SVG-färgsökord midnattsblå)
- Dark Slate Blue: Hex 483D8B RGB 72, 61, 139 (SVG-nyckelord mörkskifferblå; en grålila blå)
- Indigo: Hex 4B0082 | RGB 75, 0, 130 (SVG färg nyckelord indigo; en lila blå)
- Blue Violet: 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.
Shades of Cyan With Dark Orange
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.
Utöver sina lugnande egenskaper kan denna mörkare blå nyans bära symboliken av grönt, 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:
- Deep Orange Red: Hex CD3700 | RGB 205, 55, 0
- Cadmium Orange: Hex FF6103 | RGB 255, 97, 3
- Number: Red Hex FF0000 | RGB 255, 0, 0 (SVG/CSS färg nyckelord röd)
The blues är:
- Dark Royal Blue: Hex 27408B | RGB 39, 64, 139
- Deep Sky Blue: Hex 00688B | RGB 0, 104, 139 (not färg nyckelord deepskyblue)
- Dark Slate Blue: Hex 2F4F4F RGB 47, 79, 79 (not color keyword darkslateblue)
- Mörkcyan: Hex 008B8B | RGB 0, 139, 139 (den grönare sidan av blå)
- Manganblå: 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)
Blå, röd och gul
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 (motsatta färgen 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 den med färger från rosa-röd till gulgrön.
- Marinblå: Hex 000080 | RGB 0, 0, 128
- Bright Red: Hex FE0004 | RGB 254, 0, 4
- Sunny Yellow: Hex FFFB00 | RGB 255, 251, 0
- Dark Slate Blue: Hex 483D8B RGB 72, 61, 139 (SVG-nyckelord mörk skifferblå; en grålila blå)
- Guld: Hex FFD700 | RGB 255, 215, 0 (SVG-färgsökord guld)
- Chartreuse: Hex 7FFF00 | RGB 127, 255, 0
- Mörkcyan: Hex 008B8B | RGB 0, 139, 139 (den grönare sidan av blå)
- Violet-Röd: Hex D02090 | RGB 208, 32, 144
- Dark Orange: Hex C83200 | RGB 200, 50, 0 (not 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 i första hand mörkblått färgschema, är det ganska lämpligt för vuxenprojekt som du inte vill ska framstå som för seriösa.
