Kako dizajnirati s plavim i komplementarnim bojama

2024 Autor: Abigail Brown | [email protected]. Zadnja promjena: 2023-12-17 06:50

Plava je jedna od najčešćih boja koje se koriste u web dizajnu. Korištenje srednje do tamnoplave boje potiče opuštajući osjećaj koji dizajneri mogu nadopuniti žutom i narančastom.

Evo nekoliko različitih načina na koje plava može funkcionirati s drugim bojama.

Suprotnosti se privlače, a plava se dobro slaže s narančastom

Razmislite o kombinaciji plave boje s narančastom u komplementarnoj shemi boja.

Od najtamnije do najsvjetlije, narančaste boje prikazane sa svakim plavim uzorkom na gornjoj slici su:

• Hex FFA500 | RGB 255, 165, 0 (zlatno narančasta; SVG ključna riječ u boji & CSS ključna riječ u boji narančasto)
• Hex FF8000 | RGB 255, 128, 0 (srednje narančasta)
• Hex FF4500 | RGB 255, 69, 0 (narančasto crvena; ključna riječ SVG boja narančasta)
• Hex C83200 | RGB 200, 50, 0 (tamno narančasta)
• Brojevi: Hex FF7F27 | RGB 255, 127, 39 (narančasta boja breskve)

Blues, od tamnijeg do svjetlijeg su:

1. Navy: Hex 000080 | RGB 0, 0, 128 (CSS ključna riječ boja/SVG ključna riječ boja tamnoplava)
2. Plava: Hex 0000FF | RGB 0, 0, 255 (CSS/SVG ključna riječ za boju je plava; boja sigurna za preglednik)
3. Hex: 0045FF | RGB 0, 69, 255 (srednje plava)
4. Čelično plava: Hex 4682B4 | RGB 70, 130, 180 (SVG ključna riječ boja steelblue; korporativna plava)
5. Hex: 0080FF | RGB 0, 128, 255 (srednje plava)
6. Svijetloplava: Hex ADD8E6 | RGB 173, 216, 230 (SVG ključna riječ boja svijetloplava)

Tamno plava i srednje nijanse plave simboliziraju važnost, samopouzdanje, moć, inteligenciju, stabilnost, jedinstvo i konzervativizam. Dodavanjem malo narančaste u svoju pretežno tamnoplavu paletu, unosite malo topline i energije koji mogu spriječiti da vaša paleta bude previše šturo ili prenapadno.

Ne morate koristiti točno ove nijanse. Malo posvijetlite ili potamnite ili zakoračite jedno mjesto ulijevo ili udesno na kotačiću boja. Ove vam kombinacije boja pomažu pronaći odgovarajuću paletu boja koristeći plavu i narančastu kao glavne komponente.

Pomiješajte duboki blues sa zlatnožutom

Pretvorite tamnoplavu u gotovo ljubičastu i dodajte mrlju sunčano žute u komplementarnoj shemi boja.

Plava je hladna boja koja prelazi u toplu dok dodajete ljubičaste tonove, dok je žuta topla boja s druge strane kotača boja. Kako biste izbjegli neugodne vibracije, izbjegavajte korištenje u jednakim količinama. Oživite svoju plavu s mrljom žute (ili umirite svoju žutu crticom plave).

Od najtamnijeg do najsvjetlijeg, žuto prikazano sa svakim plavim uzorkom na gornjoj slici je:

• Kadijevo žuto: Hex FF9912 | RGB 255, 153, 18 (topla, smeđe žuta)
• Zlato: Hex FFD700 | RGB 255, 215, 0 (SVG ključna riječ boja zlatna)
• Brojevi: Hex FFFF00 | RGB 255, 255, 0 (SVG/CSS ključna riječ u boji žuta)

Blues je:

1. Vrlo tamnoplava: Hex 000033 | RGB 0, 0, 51 (tamnoplava sigurna za preglednik)
2. Ponoćno plava: Hex 191970 | RGB 25, 25, 112 (SVG ključna riječ boja ponoćnoplava)
3. Tamno škriljastoplava: Hex 483D8B RGB 72, 61, 139 (SVG ključna riječ boja tamnoplavoplava; sivkasto-ljubičasta plava)
4. Indigo: Hex 4B0082 | RGB 75, 0, 130 (SVG ključna riječ u boji indigo; ljubičasto plava)
5. Plavoljubičasta: Hex 8A2BE2 | RGB 138, 43, 226 (SVG ključna riječ boja plavoljubičasta)
6. Kob altno plava: Hex 3D59AB | RGB 61, 89, 171

Boje koje prelaze na ljubičasto-ljubičastu stranu plave mogu dodati dašak tajanstvenosti, naznake ženstvenosti. Dodaje toplinu hladnoj plavoj boji.

Nijanse cijan s tamnonarančastom

Srednja do tamna cijan je plava na rubu zelene. Ovdje su različite srednje plave i cijan nijanse spojene s tamno smeđe narančastim bojama.

Osim svojih umirujućih atributa, ova tamnija nijansa plave može nositi simboliku zelene, poput ravnoteže, harmonije i stabilnosti. Dobiva malo topline i energije u kombinaciji sa smećkastim ili crvenkastim nijansama narančaste. Smeđa je prirodna, prizemljena neutralna boja. Crvena i cijan su suprotnosti na kotaču boja s visokim kontrastom, ali nisu nužno dobra kombinacija. Prelazak s crvene na narančastu i tamniju plavu daje ugodniju paletu.

Od najtamnijeg do najsvjetlijeg, crveno-narančasto prikazano sa svakim plavim uzorkom na gornjoj slici je:

• Deep Orange Red: Hex CD3700 | RGB 205, 55, 0
• Kadmijevo narančasto: Hex FF6103 | RGB 255, 97, 3
• Brojevi: Red Hex FF0000 | RGB 255, 0, 0 (SVG/CSS ključna riječ boja crvena)

Blues je:

1. Tamno kraljevsko plava: Hex 27408B | RGB 39, 64, 139
2. Deep Sky Blue: Hex 00688B | RGB 0, 104, 139 (not ključna riječ boja deepskyblue)
3. Tamno škriljastoplava: Hex 2F4F4F RGB 47, 79, 79 (not ključna riječ boja tamnoplavoplava)
4. Tamnocijan: Hex 008B8B | RGB 0, 139, 139 (zelenija strana plave)
5. Mangan Plava: Hex 03A89E | RGB 3, 168, 158 (plava tirkizna boja)
6. Cyan (Aqua): Hex 00FFFF | RGB 0, 255, 255 (SVG ključna riječ boja cijan ili akva; plavo-zelena boja)

Plava, crvena i žuta

Razdvojena komplementarna trijada uzima jednu boju (u ovom slučaju plavu) i zatim grabi boje s obje strane komplementa te boje (suprotna boja na kotačiću boja). Komplement čiste plave je čista žuta. Srednje plava je nasuprot narančaste. Ovisno o tome s kojom nijansom plave počnete i kroz koliko međuboja prođete, možete je uskladiti s bojama od ružičasto-crvene do žuto-zelene.

1. Navy: Hex 000080 | RGB 0, 0, 128
2. Jarko crvena: Hex FE0004 | RGB 254, 0, 4
3. Sunčano žuta: Hex FFFB00 | RGB 255, 251, 0
4. Tamno škriljasto plava: Hex 483D8B RGB 72, 61, 139 (SVG ključna riječ boja tamno škriljasto plava; sivkasto-ljubičasta plava)
5. Zlato: Hex FFD700 | RGB 255, 215, 0 (SVG ključna riječ boja zlatna)
6. Chartreuse: Hex 7FFF00 | RGB 127, 255, 0
7. Tamnocijan: Hex 008B8B | RGB 0, 139, 139 (zelenija strana plave)
8. Ljubičasto-crvena: Hex D02090 | RGB 208, 32, 144
9. Tamnonarančasta: Hex C83200 | RGB 200, 50, 0 (not ključna riječ boja tamno narančasta)

Tamnije nijanse plave označavaju važnost, samopouzdanje, moć, autoritet, inteligenciju, stabilnost, jedinstvo i konzervativizam. Crvena je još jedna moćna boja, ali privlači pažnju više od plave. Žuta dodaje malo svjetline i radosti. Korištenje jednakih količina svake boje učinilo bi je djetinjastom (mislite na primarne boje), kao u primjeru 1. Međutim, ako koristite samo male doze crvene i žute (ili obližnjih boja) s primarno tamnoplavom shemom boja, prilično je prikladno za odrasle projekte za koje ne želite da izgledaju previše ozbiljni.