Paano Magdisenyo Gamit ang Asul at Mga Komplementaryong Kulay

2024 May -akda: Abigail Brown | [email protected]. Huling binago: 2023-12-17 07:03

Ang Asul ay isa sa mga pinakakaraniwang kulay na ginagamit sa disenyo ng web. Ang paggamit ng medium hanggang dark blue ay naghihikayat ng nakakarelaks na pakiramdam na maaaring dagdagan ng mga designer ng dilaw at orange.

Narito ang ilang iba't ibang paraan kung paano gumagana ang Blue sa iba pang mga kulay.

Opposites Attract and Blue Goes Well With Orange

Pag-isipang pagsamahin ang mga asul na kulay sa orange sa isang komplementaryong scheme ng kulay.

Mula sa pinakamadilim hanggang sa pinakamaliwanag, ang mga dalandan na ipinapakita sa bawat asul na swatch sa larawan sa itaas ay:

• Hex FFA500 | RGB 255, 165, 0 (isang golden orange; SVG color keyword & CSS color keyword orange)
• Hex FF8000 | RGB 255, 128, 0 (medium orange)
• Hex FF4500 | RGB 255, 69, 0 (orange na pula; kulay SVG na keyword na orangered)
• Hex C83200 | RGB 200, 50, 0 (isang dark orange)
• Mga Numero: Hex FF7F27 | RGB 255, 127, 39 (isang peachy orange)

Ang mga asul, mula sa mas madilim hanggang sa mas maliwanag ay:

1. Navy: Hex 000080 | RGB 0, 0, 128 (CSS color keyword/SVG color keyword navy)
2. Asul: Hex 0000FF | RGB 0, 0, 255 (kulay ng CSS/SVG na keyword ay asul; kulay na ligtas sa browser)
3. Hex: 0045FF | RGB 0, 69, 255 (katamtamang asul)
4. Steel Blue: Hex 4682B4 | RGB 70, 130, 180 (SVG color keyword steelblue; isang corporate blue)
5. Hex: 0080FF | RGB 0, 128, 255 (katamtamang asul)
6. Light Blue: Hex ADD8E6 | RGB 173, 216, 230 (kulay ng SVG na keyword na lightblue)

Ang Dark blues at medium shades of blue ay sumisimbolo sa kahalagahan, kumpiyansa, kapangyarihan, katalinuhan, katatagan, pagkakaisa, at konserbatismo. Sa pamamagitan ng pagdaragdag ng kaunting orange sa iyong nakararami sa dark blue na palette, nagpapakilala ka ng kaunting init at enerhiya na makakapigil sa iyong palette na maging masyadong stilted o overpowering.

Hindi mo kailangang gamitin ang mga eksaktong shade na ito. Pumunta sa isang pindutin nang mas magaan o mas madilim, o humakbang sa isang lugar sa kaliwa o kanan sa color wheel. Tinutulungan ka ng mga kumbinasyong ito ng kulay na makahanap ng angkop na paleta ng kulay gamit ang asul at orange bilang mga pangunahing bahagi.

Ihalo ang Deep Blues Sa Golden Yellow

Gawing halos purple ang dark blues at magdagdag ng dilaw na sikat ng araw sa komplementaryong scheme ng kulay.

Ang Ang asul ay isang malamig na kulay na lumilipat sa init habang idinaragdag mo ang mga purplish na kulay, habang ang dilaw ay isang mainit na kulay sa kabilang panig ng color wheel. Upang maiwasan ang mga hindi kasiya-siyang vibrations, iwasan ang paggamit sa pantay na dami. Pasiglahin ang iyong asul sa pamamagitan ng tilamsik ng dilaw (o kalmado ang iyong dilaw na may gitling ng asul).

Mula sa pinakamadilim hanggang sa pinakamaliwanag, ang dilaw na ipinapakita sa bawat asul na swatch sa larawan sa itaas ay:

• Cadium Yellow: Hex FF9912 | RGB 255, 153, 18 (mainit, kayumangging dilaw)
• Gold: Hex FFD700 | RGB 255, 215, 0 (kulay ng SVG na keyword na ginto)
• Mga Numero: Hex FFFF00 | RGB 255, 255, 0 (kulay ng SVG/CSS na keyword na dilaw)

Ang mga asul ay:

1. Very Dark Blue: Hex 000033 | RGB 0, 0, 51 (isang browser safe dark blue)
2. Midnight Blue: Hex 191970 | RGB 25, 25, 112 (SVG color keyword midnightblue)
3. Dark Slate Blue: Hex 483D8B RGB 72, 61, 139 (SVG color keyword darkslateblue; isang grayish-purple blue)
4. Indigo: Hex 4B0082 | RGB 75, 0, 130 (SVG color keyword indigo; isang purplish blue)
5. Blue Violet: Hex 8A2BE2 | RGB 138, 43, 226 (kulay ng SVG na keyword na blueviolet)
6. Cob alt Blue: Hex 3D59AB | RGB 61, 89, 171

Ang mga kulay na tumutulak sa violet-purple na bahagi ng asul ay maaaring magdagdag ng kakaibang misteryo, mga pahiwatig ng pagkababae. Nagdaragdag ito ng init sa malamig na asul.

Shades of Cyan With Dark Orange

Medium hanggang dark cyan ay asul sa gilid ng berde. Dito, pinagsasama-sama ang iba't ibang medium blue at cyan shade sa dark brownish na orange na kulay.

Bilang karagdagan sa mga katangian nito sa pagpapatahimik, ang mas madilim na lilim ng asul na ito ay maaaring may simbolismo ng berde, gaya ng balanse, pagkakatugma, at katatagan. Nakakakuha ito ng kaunting init at enerhiya kapag ipinares sa brownish o reddish shade ng orange. Ang kayumanggi ay isang natural, down-to-earth na neutral na kulay. Ang pula at cyan ay magkasalungat sa color wheel na may mataas na contrast, ngunit hindi sila isang magandang kumbinasyon. Ang paglipat mula sa pula patungo sa orange at ang darker blues ay nagbibigay ng mas kaaya-ayang palette.

Mula sa pinakamadilim hanggang sa pinakamaliwanag, ang red-orange na ipinapakita sa bawat asul na swatch sa larawan sa itaas ay:

• Deep Orange Red: Hex CD3700 | RGB 205, 55, 0
• Cadmium Orange: Hex FF6103 | RGB 255, 97, 3
• Mga Numero: Red Hex FF0000 | RGB 255, 0, 0 (kulay ng SVG/CSS na keyword na pula)

Ang mga asul ay:

1. Dark Royal Blue: Hex 27408B | RGB 39, 64, 139
2. Deep Sky Blue: Hex 00688B | RGB 0, 104, 139 (not color keyword deepskyblue)
3. Dark Slate Blue: Hex 2F4F4F RGB 47, 79, 79 (not color keyword darkslateblue)
4. Dark Cyan: Hex 008B8B | RGB 0, 139, 139 (ang mas berdeng bahagi ng asul)
5. Manganese Blue: Hex 03A89E | RGB 3, 168, 158 (asul na turquoise na kulay)
6. Cyan (Aqua): Hex 00FFFF | RGB 0, 255, 255 (kulay ng SVG na keyword na cyan o aqua; kulay asul-berde)

Asul, Pula, at Dilaw

Ang isang split complementary triad ay tumatagal ng isang kulay (sa kasong ito, asul) at pagkatapos ay kinukuha ang mga kulay sa magkabilang gilid ng kulay na iyon (kabaligtaran ng kulay sa color wheel). Ang pandagdag ng purong asul ay purong dilaw. Ang katamtamang asul ay nasa tapat ng orange. Depende sa kung anong lilim ng asul ang iyong sisimulan at kung gaano karaming mga intermediate na kulay ang iyong pinagdadaanan, maaari mo itong itugma sa mga kulay mula pinkish-pula hanggang dilaw-berde.

1. Navy: Hex 000080 | RGB 0, 0, 128
2. Matingkad na Pula: 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 color keyword dark slate blue; isang grayish-purple blue)
5. Gold: Hex FFD700 | RGB 255, 215, 0 (kulay ng SVG na keyword na ginto)
6. Chartreuse: Hex 7FFF00 | RGB 127, 255, 0
7. Dark Cyan: Hex 008B8B | RGB 0, 139, 139 (ang mas berdeng bahagi ng asul)
8. Violet-Red: Hex D02090 | RGB 208, 32, 144
9. Dark Orange: Hex C83200 | RGB 200, 50, 0 (not color keyword dark orange)

Ang mas madidilim na kulay ng asul ay nagpapahiwatig ng kahalagahan, kumpiyansa, kapangyarihan, awtoridad, katalinuhan, katatagan, pagkakaisa, at konserbatismo. Ang pula ay isa pang kulay ng kapangyarihan, ngunit mas nakakakuha ito ng pansin kaysa sa asul. Ang dilaw ay nagdaragdag ng ilang liwanag at kagalakan. Ang paggamit ng pantay na halaga ng bawat kulay ay gagawin itong parang bata (isipin ang mga pangunahing kulay), tulad ng halimbawa 1. Gayunpaman, kung gagamit ka lamang ng maliliit na dosis ng pula at dilaw (o mga kalapit na kulay) na may pangunahing madilim na asul na scheme ng kulay, medyo angkop ito para sa mga proyektong pang-adulto na hindi mo gustong magmukhang masyadong seryoso.