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

2024 Forfatter: Abigail Brown | [email protected]. Sidst ændret: 2023-12-17 06:43

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 fungere sammen med andre farver.

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

Overvej at kombinere blå farver med orange i et komplementært farveskema.

Fra mørkest til lysest, appelsinerne vist med hver blå farveprøve i ovenstående billede er:

• Hex FFA500 | RGB 255, 165, 0 (en gylden orange; SVG-farve søgeord & CSS-farve nø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)
• Numre: Hex FF7F27 | RGB 255, 127, 39 (en ferskenagtig appelsin)

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

1. Navy: Hex 000080 | RGB 0, 0, 128 (CSS-farvesøgeord/SVG-farvesøgeord marineblå)
2. Blå: Hex 0000FF | RGB 0, 0, 255 (CSS/SVG-farvesøgeord er blåt; browsersikker farve)
3. Hex: 0045FF | RGB 0, 69, 255 (en mellemblå)
4. Stålblå: Hex 4682B4 | RGB 70, 130, 180 (SVG-farvesøgeord stålblå; en virksomhedsblå)
5. Hex: 0080FF | RGB 0, 128, 255 (en mellemblå)
6. Lyseblå: Hex ADD8E6 | RGB 173, 216, 230 (SVG farvesøgeord lyseblå)

Mørke blå nuancer og mellemblå nuancer symboliserer vigtighed, selvtillid, 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.

Du behøver ikke at 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.

Bland dyb blues med gyldengul

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 blå).

Fra mørkest til lysest, den gule vist med hver blå farveprøve på billedet ovenfor er:

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

The blues er:

1. Meget mørkeblå: Hex 000033 | RGB 0, 0, 51 (en browser sikker mørkeblå)
2. Midnight Blue: Hex 191970 | RGB 25, 25, 112 (SVG-farvesøgeord midnatsblå)
3. Dark Slate Blue: Hex 483D8B RGB 72, 61, 139 (SVG-farve søgeord darkslateblue; en grålig-lilla blå)
4. Indigo: Hex 4B0082 | RGB 75, 0, 130 (SVG farve søgeord indigo; en lilla blå)
5. Blue Violet: Hex 8A2BE2 | RGB 138, 43, 226 (SVG farvesøgeord blåviolet)
6. 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å.

Shades of Cyan With Dark Orange

Medium 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, den rød-orange vist med hver blå farveprøve i ovenstående billede er:

• Dyb orange rød: Hex CD3700 | RGB 205, 55, 0
• Cadmium Orange: Hex FF6103 | RGB 255, 97, 3
• Numre: Red Hex FF0000 | RGB 255, 0, 0 (SVG/CSS farve søgeord rød)

The blues er:

1. Mørke Kongeblå: Hex 27408B | RGB 39, 64, 139
2. Deep Sky Blue: Hex 00688B | RGB 0, 104, 139 (not farvesøgeord deepskyblue)
3. Dark Slate Blue: Hex 2F4F4F RGB 47, 79, 79 (not farve søgeord mørkslateblue)
4. Mørkcyan: Hex 008B8B | RGB 0, 139, 139 (den grønnere side af blå)
5. Manganblå: Hex 03A89E | RGB 3, 168, 158 (en blå turkis farve)
6. Cyan (Aqua): Hex 00FFFF | RGB 0, 255, 255 (SVG-farvesøgeord cyan eller aqua; en blå-grøn farve)

Blå, rød og gul

En delt komplementær treklang tager én farve (i dette tilfælde blå) og griber derefter farverne på hver side af den farves komplement (modsatte 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. Navy: Hex 000080 | RGB 0, 0, 128
2. Klar rød: Hex FE0004 | RGB 254, 0, 4
3. Sunny Yellow: Hex FFFB00 | RGB 255, 251, 0
4. Dark Slate Blue: 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ørkcyan: Hex 008B8B | RGB 0, 139, 139 (den grønnere side af blå)
8. Violet-Red: Hex D02090 | RGB 208, 32, 144
9. Mørk Orange: Hex C83200 | RGB 200, 50, 0 (not farve søgeord mørk orange)

Mørkere blå nuancer angiver 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 skal fremstå for seriøse.