የድር ቀለም ቤተ-ስዕል
ከድር የቀለም ቤተ-ስዕል ስብስባችን ቀለም ይምረጡ እና የHEX ኮድ ያግኙ። የድር ዲዛይነር ወይም ግራፊክ ዲዛይነር ከሆኑ ምርጡ የድር ቀለም ቤተ-ስዕሎች ከእርስዎ ጋር ናቸው።
- #7d5fff
- #18dcff
- #ED4C67
- #32ff7e
- #0652DD
- #fff200
- #3d3d3d
- #a2b9bc
- #706fd3
- #ff5252
- #34ace0
- #33d9b2
- #7efff5
- #ff793f
- #ff3838
- #40407a
- #2c2c54
- #706fd3
- #D980FA
- #FDA7DF
- #4b4b4b
- #B53471
- #9980FA
- #1B1464
- #b2ad7f
- #878f99
- #6b5b95
- #feb236
- #d64161
- #ff7b25
- #d6cbd3
- #eca1a6
- #bdcebe
- #ada397
- #d5e1df
- #e3eaa7
- #b5e7a0
- #86af49
- #b9936c
- #dac292
- #e6e2d3
- #c4b7a6
- #3e4444
- #82b74b
- #405d27
- #c1946a
- #92a8d1
- #034f84
- #f7cac9
- #f7786b
- #deeaee
- #b1cbbb
- #eea29a
- #c94c4c
- #d5f4e6
- #80ced6
- #fefbd8
- #618685
- #ffef96
- #50394c
- #b2b2b2
- #f4e1d2
- #fefbd8
- #618685
- #36486b
- #4040a1
- #b2b2b2
- #f4e1d2
- #f18973
- #bc5a45
- #f0f0f0
- #c5d5c5
- #9fa9a3
- #e3e0cc
- #eaece5
- #b2c2bf
- #c0ded9
- #3b3a30
- #e4d1d1
- #b9b0b2
- #d9ecd0
- #77a8a8
- #f0efef
- #ddeedd
- #c2d4dd
- #b0aac0
- #c8c3cc
- #563f46
- #8ca3a3
- #484f4f
- #e0e2e4
- #c6bcb6
- #96897f
- #625750
- #7e4a35
- #cab577
- #dbceb0
- #838060
- #bbab9b
- #8b6f47
- #d4ac6e
- #4f3222
- #686256
- #c1502e
- #587e76
- #a96e5b
- #454140
- #bd5734
- #a79e84
- #7a3b2e
- #bccad6
- #8d9db6
- #667292
- #f1e3dd
- #cfe0e8
- #b7d7e8
- #87bdd8
- #daebe8
- #fbefcc
- #f9ccac
- #f4a688
- #e0876a
- #fff2df
- #d9ad7c
- #a2836e
- #674d3c
- #f9d5e5
- #eeac99
- #e06377
- #c83349
- #5b9aa0
- #d6d4e0
- #b8a9c9
- #622569
- #96ceb4
- #ffeead
- #ffcc5c
- #ff6f69
- #588c7e
- #f2e394
- #f2ae72
- #d96459
የድር ቀለም ቤተ-ስዕሎች ምንድን ናቸው?
ቀለሞች ለድር ዲዛይነሮች እና ግራፊክ ዲዛይነሮች በጣም አስፈላጊ ናቸው. ዲዛይነሮች በዕለት ተዕለት ሕይወት ውስጥ ሰማያዊ፣ ቀይ እና አረንጓዴ ብለን የምንገልጻቸውን ቀለሞች እንደ #ff002፣ #426215 ባሉ ኮዶች ይገልጻሉ። ምንም አይነት የኮዲንግ ፕሮጄክት እየሰሩ ቢሆንም፣ በሆነ ጊዜ ከቀለም ጋር መስራት ሊጀምሩ ይችላሉ። ብዙ ሰዎች ድረ-ገጾችን ለመንደፍ እንደሚያደርጉት ኤችቲኤምኤልን በመጠቀም ኮድ ማድረግን ከተማሩ ይህ በተለይ ጠቃሚ ይሆናል።
የሄክስ ኮድ በቀለም ምን ማለት ነው?
የሄክስ ኮድ ሶስት እሴቶችን በማጣመር በ RGB ቅርጸት ቀለምን የሚወክልበት መንገድ ነው። እነዚህ የቀለም ኮዶች ለድር ዲዛይን የኤችቲኤምኤል ዋና አካል ናቸው እና የቀለም ቅርጸቶችን በዲጂታል መንገድ ለመወከል ጠቃሚ መንገድ ሆነው ይቆያሉ።
የሄክስ ቀለም ኮዶች የሚጀምሩት በፓውንድ ምልክት ወይም ሃሽታግ (#) ሲሆን ከዚያ በኋላ ስድስት ፊደሎች ወይም ቁጥሮች። የመጀመሪያዎቹ ሁለት ፊደሎች / ቁጥሮች ከቀይ ጋር ይዛመዳሉ, ቀጣዮቹ ሁለት ወደ አረንጓዴ እና የመጨረሻዎቹ ሁለት ወደ ሰማያዊ. የቀለም ዋጋዎች በ 00 እና ኤፍኤፍ መካከል ባሉ ዋጋዎች ውስጥ ይገለፃሉ.
እሴቱ 1-9 ሲሆን ቁጥሮች ጥቅም ላይ ይውላሉ. እሴቱ ከ 9 በላይ በሚሆንበት ጊዜ ደብዳቤዎች ጥቅም ላይ ይውላሉ. ለምሳሌ፡-
- ሀ = 10
- ለ = 11
- ሐ = 12
- መ = 13
- ኢ = 14
- ረ = 15
የሄክስ ቀለም ኮዶች እና RGB አቻዎች
በጣም የተለመዱትን የሄክስ ቀለም ኮዶች ማስታወስ ጠቃሚ ሊሆን ይችላል የሄክስ ቀለም ኮድ ሲያዩ ሌሎች ቀለሞች ምን እንደሚሆኑ በተሻለ ሁኔታ ለመተንበይ ይረዳል እንጂ እነዚያን ትክክለኛ ቀለሞች መጠቀም ሲፈልጉ ብቻ አይደለም።
- ቀይ = #ኤፍኤፍ0000 = RGB (255, 0, 0)
- አረንጓዴ = # 008000 = RGB (1, 128, 0) v
- ሰማያዊ = # 0000FF = RGB (0, 0, 255)
- ነጭ = #FFFFFF = RGB (255,255,255)
- የዝሆን ጥርስ = #FFFFFF0 = RGB (255, 255, 240)
- ጥቁር = # 000000 = RGB (0, 0, 0)
- ግራጫ = #808080 = RGB (128, 128, 128)
- ሲልቨር = #C0C0C0 = RGB (192, 192, 192)
- ቢጫ = #FFFF00 = RGB (255, 255, 0)
- ሐምራዊ = #800080 = RGB (128, 0, 128)
- ብርቱካናማ = #FFA500 = RGB (255, 165, 0)
- በርገንዲ = # 800000 = RGB (128, 0, 0)
- Fuchsia = #FF00FF = RGB (255, 0, 255)
- ሎሚ = #00FF00 = RGB (0, 255, 0)
- አኳ = #00FFFF = RGB (0, 255, 255)
- Teal = #008080 = RGB (0, 128, 128)
- የወይራ = #808000 = RGB (128, 128, 0)
- የባህር ኃይል ሰማያዊ = # 000080 = RGB (0, 0, 128)
የድረ-ገጽ ቀለሞች ለምን አስፈላጊ ናቸው?
እርስዎ በቀለም አይነኩም ብለው ያስቡ ይሆናል ነገር ግን አንድ ጥናት እንደሚያሳየው 85% ሰዎች ቀለም በሚገዙት ምርት ላይ ትልቅ ተጽእኖ እንዳለው ይናገራሉ. አንዳንድ ኩባንያዎች የአዝራር ቀለማቸውን ሲቀይሩ በከፍተኛ ሁኔታ መጨመር ወይም መቀነሱን አስተውለዋል ብሏል።
ለምሳሌ፣ Beamax የተሰኘው የፕሮጀክሽን ስክሪን የሚያመርተው ኩባንያ፣ ከሰማያዊ አገናኞች ጋር ሲነፃፀሩ በቀይ አገናኞች ላይ በጠቅታ 53.1% መጨመሩን ተመልክቷል።
ቀለሞች በጠቅታዎች ላይ ብቻ ሳይሆን በምርት ስም እውቅና ላይም ትልቅ ተፅእኖ አላቸው. በቀለማት አእምሯዊ ተፅእኖ ላይ የተደረገ ጥናት እንደሚያሳየው ቀለሞች በአማካይ 80% የምርት እውቅናን ይጨምራሉ. ለምሳሌ፣ ስለ ኮካ ኮላ ስታስብ፣ ምናልባት ደማቅ ቀይ ጣሳዎችን መገመት ትችላለህ።
ለድር ጣቢያዎች የቀለም ዘዴ እንዴት እንደሚመረጥ?
በድር ጣቢያዎ ወይም በድር መተግበሪያዎ ላይ የትኞቹን ቀለሞች እንደሚመርጡ ለመወሰን በመጀመሪያ እርስዎ ስለሚሸጡት ነገር በደንብ መረዳት አለብዎት። ለምሳሌ, ከፍተኛ ጥራት ያለው, ከፍተኛ ጥራት ያለው ምስል ለማግኘት እየሞከሩ ከሆነ, መምረጥ ያለብዎት ቀለም ሐምራዊ ነው. ሆኖም ግን, ሰፊ ተመልካቾችን ለመድረስ ከፈለጉ, ሰማያዊ; እንደ ጤና ወይም ፋይናንስ ላሉ ይበልጥ ሚስጥራዊነት ላላቸው ርዕሰ ጉዳዮች ተስማሚ የሆነ የሚያረጋጋ እና ለስላሳ ቀለም ነው።
ከላይ ያሉት ምሳሌዎች በብዙ ጥናቶች ተረጋግጠዋል. ነገር ግን ለድር ጣቢያዎ የመረጡት ቀለም በንድፍዎ ውስብስብነት እና በቀለም ጥምረት ዓይነቶች ላይ የተመሰረተ ነው. ለምሳሌ፣ የሞኖክሮም ድር ንድፍ ቤተ-ስዕል እየተጠቀሙ ከሆነ፣ በቂ የሆነ በስክሪኑ ላይ ለማግኘት ሰባት ወይም ከዚያ በላይ የዚያ ቀለም ጥላዎች ሊፈልጉ ይችላሉ። እንደ ጽሑፍ፣ ዳራ፣ ማገናኛ፣ ማንዣበብ ቀለሞች፣ የሲቲኤ አዝራሮች እና ራስጌዎች ላሉ የተወሰኑ የጣቢያዎ ክፍሎች ቀለሞችን ማዘጋጀት ያስፈልግዎታል።
አሁን "ለድር ጣቢያዎች እና የድር መተግበሪያዎች የቀለም ዘዴ እንዴት እንደሚመረጥ?" ደረጃ በደረጃ እንየው፡-
1. ዋና ቀለሞችዎን ይምረጡ.
በዋና ቀለም ላይ ለመወሰን ምርጡ መንገድ ከምርትዎ ወይም ከአገልግሎትዎ ስሜት ጋር የሚዛመዱትን ቀለሞች መመርመር ነው.
ከዚህ በታች አንዳንድ ምሳሌዎችን ዘርዝረናል፡-
- ቀይ፡- ደስታ ወይም ደስታ ማለት ነው።
- ብርቱካናማ፡- ወዳጃዊ፣ አስደሳች ጊዜን ያመለክታል።
- ቢጫ ማለት ብሩህ ተስፋ እና ደስታ ማለት ነው.
- አረንጓዴ፡ ትኩስነት እና ተፈጥሮ ማለት ነው።
- ሰማያዊ: አስተማማኝነት እና ዋስትናን ያመለክታል.
- ሐምራዊ፡- የጥራት ታሪክ ያለው ልዩ ብራንድ ይወክላል።
- ቡናማ: ሁሉም ሰው ሊጠቀምበት የሚችል አስተማማኝ ምርት ማለት ነው.
- ጥቁር ማለት የቅንጦት ወይም ውበት ማለት ነው.
- ነጭ፡ ቄንጠኛ፣ ለተጠቃሚ ምቹ የሆኑ ምርቶችን ይመለከታል።
2. ተጨማሪ ቀለሞችዎን ይምረጡ.
ዋናውን ቀለምዎን የሚያሟሉ አንድ ወይም ሁለት ተጨማሪ ቀለሞችን ይምረጡ. ዋናው ቀለምዎ "አስደናቂ" እንዲሆን የሚያደርጉት እነዚህ ቀለሞች መሆን አለባቸው.
3. የበስተጀርባ ቀለም ይምረጡ.
ከዋና ቀለምዎ ያነሰ "ጠበኛ" የሚሆን የጀርባ ቀለም ይምረጡ.
4. የቅርጸ ቁምፊውን ቀለም ይምረጡ.
በድር ጣቢያዎ ላይ ላለው ጽሑፍ ቀለም ይምረጡ። ጠንካራ ጥቁር ቅርጸ-ቁምፊ ብርቅ እና የማይመከር መሆኑን ልብ ይበሉ።
ለዲዛይነሮች ምርጥ የድር ቀለም ቤተ-ስዕሎች
የሚፈልጉትን ቀለም በሶፍትሜዳል ድር የቀለም ቤተ-ስዕል ስብስብ ውስጥ ማግኘት ካልቻሉ፣ አማራጭ የቀለም ጣቢያዎችን ከዚህ በታች መመልከት ይችላሉ።
የቀለም ምርጫ ረጅም ሂደት ነው እና ብዙውን ጊዜ ትክክለኛዎቹን ቀለሞች ለማግኘት ብዙ ጥሩ ማስተካከያ ያስፈልገዋል. በዚህ ጊዜ ከባዶ ተዛማጅ የሆኑ የቀለም ንድፎችን የሚፈጥሩ 100% ነፃ የድር መተግበሪያዎችን በመጠቀም ጊዜ መቆጠብ ይችላሉ.
1. Paletton
Paletton ሁሉም የድር ዲዛይነሮች ሊያውቁት የሚገባ የድር መተግበሪያ ነው። በቀላሉ የዘር ቀለም ያስገቡ እና መተግበሪያው የቀረውን ለእርስዎ ያደርግልዎታል። Paletton አስተማማኝ ምርጫ እና ስለ ንድፍ ምንም ለማያውቁ እና ለጀማሪዎች የሚሆን ታላቅ የድር መተግበሪያ ነው.
2. ቀለም አስተማማኝ
WCAG በእርስዎ የንድፍ ሂደት ውስጥ የሚያሳስብ ከሆነ፣ Color Safe ለመጠቀም ምርጡ መሳሪያ ነው። በዚህ የድር መተግበሪያ፣ በWCAG መመሪያዎች መሰረት በትክክል የተዋሃዱ እና የበለፀገ ንፅፅርን የሚያቀርቡ የቀለም መርሃግብሮችን መፍጠር ይችላሉ።
የቀለም ደህንነቱ የተጠበቀ የድር መተግበሪያን በመጠቀም ጣቢያዎ የWCAG መመሪያዎችን የሚያከብር እና ለሁሉም ሰው ተደራሽ መሆኑን ያረጋግጣሉ።
3. አዶቤ ቀለም ሲ.ሲ
ለህዝብ ጥቅም ከተፈጠሩት ነፃ የAdobe መሳሪያዎች አንዱ ነው። ማንኛውም ሰው ከባዶ የቀለም ንድፎችን መፍጠር የሚችልበት የተራቀቀ የድር መተግበሪያ ነው። ለፍላጎትዎ በጣም ተስማሚ የሆኑትን ከብዙ የተለያዩ የቀለም ሞዴሎች ለመምረጥ ያስችልዎታል. በይነገጹ መጀመሪያ ላይ ትንሽ ግራ የሚያጋባ ሊመስል ይችላል, ነገር ግን አንዴ ከተለማመዱ ቆንጆ የቀለም አማራጮችን ለመምረጥ ምንም ችግር አይኖርብዎትም.
4. ድባብ
Ambiance፣ ነጻ የድር መተግበሪያ፣ በድር ላይ ካሉ ሌሎች ባለ ቀለም ገፆች ቀድሞ የተሰራ የድር ቀለም ቤተ-ስዕል ያቀርባል። ቀለሞችን በመገለጫዎ ላይ ማስቀመጥ እና ከባዶ የእራስዎን እቅዶች መፍጠር የሚችሉበት እንደ ባህላዊ የድር መተግበሪያ ይሰራል። እነዚህ ሁሉ የድር ቀለም ቤተ-ስዕሎች ከ Colorlovers የመጡ ናቸው። የAmbiance በይነገጽ አሰሳን ቀላል ያደርገዋል እና ለUI ንድፍ በቀለም መስተጋብር ላይ የበለጠ ትኩረት ያደርጋል።
5. 0 እስከ 255
0to255 በትክክል የቀለም መርሃ ግብር ጀነሬተር አይደለም፣ ነገር ግን ያሉትን የቀለም ንድፎች ለማስተካከል ሊረዳዎት ይችላል። ወዲያውኑ ቀለሞችን መቀላቀል እና ማዛመድ እንዲችሉ የድር መተግበሪያ ሁሉንም የተለያዩ ቀለሞች ያሳየዎታል።
ጥቅም ላይ የሚውል የቀለም ንድፍ መፍጠር ከከበዳችሁ፣ ከላይ የተጠቀሱትን አንዳንድ መተግበሪያዎች መገምገም ትችላላችሁ።
ምርጥ የድር ቀለም ቤተ-ስዕል
የሚከተሉት ድረ-ገጾች ከፍተኛ ውጤት ለማግኘት የተለያዩ የድር ቀለም ቤተ-ስዕሎችን ይጠቀማሉ። ለሚያነሷቸው ስሜቶች እና ስሜቶች በጥንቃቄ የተመረጡ ናቸው.
1. ኦዶፖድ
ኦዶፖድ ነጠላ ባለ ባለ ቀለም ቤተ-ስዕል ነው የተነደፈው ነገር ግን በመነሻ ገጹ ላይ ቀስ በቀስ አሰልቺ እንዳይመስል ነበር። ትልቅ የፊደል አጻጻፍ ትልቅ ንፅፅርን ይሰጣል። ጎብኚዎች የት ጠቅ እንዲያደርጉ እንደሚፈልጉ ግልጽ ነው.
2. የቶሪ አይን
የቶሪ አይን የአንድ ሞኖክሮም ቀለም ንድፍ ጥሩ ምሳሌ ነው። እዚህ በአረንጓዴ ጥላዎች ዙሪያ ያተኮረ ቀላል ግን ኃይለኛ የቀለም ቤተ-ስዕል ውጤቶች ይታያሉ። የአንድ ቀለም አንድ ጥላ ሁልጊዜ ማለት ይቻላል ከሌላው ተመሳሳይ ቀለም ጋር ስለሚሠራ ይህ የቀለም አሠራር ብዙውን ጊዜ በቀላሉ ለመሳብ ቀላል ነው።
3. አይብ ሰርቫይቫል ኪት
ቀይ ለድር ጣቢያ የቀለም ቤተ-ስዕል እጅግ በጣም ተወዳጅ ቀለም ነው። የበለጸገ የስሜት ድብልቅን ሊያስተላልፍ ይችላል, ይህም ሁለገብ ያደርገዋል. በቺዝ ሰርቫይቫል ኪት ድህረ ገጽ ላይ እንደምታየው፣ በተለይ በትንሽ መጠን ጥቅም ላይ ሲውል በጣም ኃይለኛ ነው። ቀይ ይበልጥ በገለልተኛ ቀለሞች ይለሰልሳል፣ እና ሰማያዊ ለሲቲኤዎች እና ንግዱ የጎብኝን ትኩረት ለመሳብ በሚፈልግባቸው ሌሎች አካባቢዎች ይረዳል።
4. አህሬፍስ
Ahrefs የቀለም ቤተ-ስዕልን በነጻነት የሚጠቀም የድር ጣቢያ ምሳሌ ነው። ጥቁር ሰማያዊ እንደ ዋናው ቀለም ይሠራል, ነገር ግን በሁሉም ጣቢያው ላይ ልዩነቶች አሉ. ብርቱካንማ, ሮዝ እና ሰማያዊ ቀለሞች ተመሳሳይ ነው.
ስለ ቀለሞች በጣም በተደጋጋሚ የሚጠየቁ ጥያቄዎች
1. ለድር ጣቢያ ምርጡ ቀለም ምንድነው?
ሰማያዊ በ 35% በጣም ተወዳጅ ቀለም ስለሆነ በእርግጠኝነት በጣም አስተማማኝ ምርጫ ነው. ነገር ግን፣ የእርስዎ ተፎካካሪዎች ሁሉም ሰማያዊ የሚጠቀሙ ከሆነ፣ የእርስዎን አቅርቦት እና የምርት ስም "መለየት" ጠቃሚ ሊሆን ይችላል። ነገር ግን ጎብኝዎችን እንዳትጨናነቅ ማድረግ አለብህ።
2. ድህረ ገጹ ስንት ቀለሞች ሊኖሩት ይገባል?
ግምት ውስጥ ያስገቡ ብራንዶች 51% ሞኖክሮም አርማዎች አላቸው ፣ 39% ሁለት ቀለሞችን ይጠቀማሉ ፣ እና 19% ኩባንያዎች ብቻ ባለ ሙሉ ቀለም አርማዎችን ይመርጣሉ። ከዚህ በመነሳት 1፣ 2 እና 3 ቀለም ያላቸው ድረ-ገጾች የቀስተ ደመና ቀለም ያለው ድህረ ገጽ ለመፍጠር ከመሞከር የበለጠ ትርጉም እንዳላቸው ማየት ትችላለህ። ይሁን እንጂ እንደ ማይክሮሶፍት እና ጎግል ያሉ የምርት ስሞች ቢያንስ 4 ድፍን ቀለሞችን በዲዛይናቸው ውስጥ ሲጠቀሙ ከብዙ ቀለማት ጋር መስራት ያለውን ጥቅም ያምናሉ።
3. ቀለማቱን የት መጠቀም አለብኝ?
ለዓይን የሚስቡ ቀለሞች በጥንቃቄ ጥቅም ላይ መዋል አለባቸው, አለበለዚያ ውጤታቸውን ያጣሉ. ይህ ተፅዕኖ እንደ "አሁን ግዛ" አዝራሮች ባሉ የመቀየሪያ ነጥቦች ውስጥ መሆን አለበት።