0
แชร์
ออกแบบ

ค้นหาแรงบันดาลใจการออกแบบโทนสีในเว็บไซต์ของเพื่อนๆด้วย 39 โทนสีเว็บไซต์ตัวอย่างกันจ้า

15 มีนาคม 2019 เวลา 13:52เข้าชม 383

 

 

หากใครกำลังมองหาแรงบันดาจใจสำหรับออกแบบชุดสีสำหรับใช้ในเว็บไซต์อยู่ละก็ห้ามพลาดบทความนี้เลยน้า วันนี้แอดได้รวบรวมเว็บไซต์ต่างๆที่ได้ใช้ชุดสีสวยๆหลายแบบหลายสไตล์มาให้เพื่อนๆได้ชมเพื่อค้นหาแรงบันดาลใจในการออกแบบหน้าเว็บของตัวเองกันจ้า โดยที่จะพูดถึงในวันนี้จะมีทั้งหมด 39 ชุดสีจาก 39 เว็บไซต์ค่ะและจะแบ่งเป็นหมวดหมู่ดังนี้

 

  • soft and pale website color schemes,
  • pastel and earthy website color schemes,
  • bright website color schemes,
  • dark website color schemes,
  • monochrome website color schemes.

 

 

 

I. Soft & Pale Website Color Schemes: Feelin’ Comfy


 

การใช้สีโทนอ่อนหรือพาสเทลนั้นเป็นหนึ่งในตัวเลือกที่ได้รับความนิยมสูงสุดกับการนำไปใช้ เว็บไซต์ที่ใช้โทนสีอ่อนจะให้ความรู็สึกอบอุ่นและมีความเป็นกันเอง ตัวอย่างเว็บไซต์ที่เข้าข่ายการใช้สีในโทนนี้มีดังนี้

 

 

 

 

1. Beauregard

 

 

 

 

  • ISABELLINE
  • QUICK SILVER
  • AUROMETALSAURUS
  • LIGHT GRAY
  • BLACK OLIVE

 

 

 

2.Squilla Fund

 

 

 

 

  • TEAL BLUE
  • MOONSTONE BLUE
  • POWDER BLUE
  • MAGIC MINT
  • WHITE SMOKE

 

 

 

3.Libenar

 

 

 

 

  • SNOW
  • SPANISH PINK
  • DUST STORM
  • SOAP
  • YALE BLUE

 

 

 

4.Mont Roucous

 

 

 

 

  • CAROLINA BLUE
  • PASTEL PINK
  • TEA ROSE
  • MAXIMUM BLUE PURPLE
  • UNITED NATIONS BLUE

 

 

 

5.Cowboy bikes

 

 

 

 

  • LAVENDER BLUSH
  • TEA ROSE
  • ROSE GOLD
  • RADICAL RED
  • LIGHT FRENCH BEIGE

 

 

 

6.Sahel

 

 

 

 

  • DARK GOLDENROD
  • TAN
  • DUST STORM
  • WHITE SMOKE
  • VAN DYKE BROWN

 

 

 

7.Me and Mr. Darcy

 

 

 

 

  • ALMOND
  • CHAMPAGNE PINK
  • MIDDLE PURPLE
  • KOBI
  • SUNGLOW

 

 

 

8.Save the air

 

 

 

 

  • AERO BLUE
  • LIGHT MEDIUM ORCHID
  • HONEYDEW
  • LIGHT CORAL
  • UNBLEACHED SILK

 

 

 

9.Mend Seltzer

 

 

 

 

  • PLATINUM
  • TANGO PINK
  • ORANGE-YELLOW
  • TOOLBOX
  • BRIGHT LAVENDER

 

 

 

10.Lobster

 

 

 

 

  • GLITTER
  • POWDER BLUE
  • GREEN-BLUE
  • WHITE
  • FANDANGO PINK

 

 

 

II. Pastel & Earthy Website Color Schemes: Inspired by Nature


 

เฉดต่างๆที่ได้แรงบันดาลใจมากจากธรรมชาตินั้นก็เป็นอีก 1 ตัวเลือกยอดนิยมสำหรับการนำมาออกแบบหน้าเว็บไซต์

 

 

 

 

11.Cure Nails

 

 

 

 

  • PLATINUM
  • TURTLE GREEN
  • GRAY-BLUE
  • TAN
  • COCONUT

 

 

 

12.Mountain Man

 

 

 

 

  • PALE GOLD
  • DEER
  • ARTICHOKE
  • DARK BROWN-TANGELO
  • STRAW

 

 

 

13.Andris Gauracs

 

 

 

 

  • TUFTS BLUE
  • FRENCH SKY BLUE
  • ALICE BLUE
  • WHITE
  • COPPER

 

 

 

14.The Green Organic Dutchman

 

 

 

 

  • BISTRE
  • VEGAS GOLD
  • DESERT SAND
  • WHITE
  • PALM LEAF

 

 

 

15.10×18

 

 

 

 

  • WHITE SMOKE
  • DEEP SPACE SPARKLE
  • SANDY BROWN
  • PASTEL ORANGE
  • LIGHT CORAL

 

 

 

16.Adrien Laurent

 

 

 

 

  • DUST STORM
  • SEAL BROWN
  • ORANGE (PANTONE)
  • PALE COPPER
  • LINEN

 

 

 

17.Bronze collection by Bang Olufsen

 

 

 

 

  • ACAJOU
  • OLD BURGUNDY
  • WHITE
  • INDIAN YELLOW
  • RUSSET

 

 

 

III. Bright & Bold Website Color Schemes: Screaming for Attention


 

เว็บที่ใช้สีโทนสดในนั้นเต็มไปด้วยพลังงานและความน่าสนใจ ซึ่งการใช้โทนสีดังกล่าวจะให้ความรู้สึกสดชื่นและสนุกสนาน สำหรับตัวอย่างเว็บไซต์ที่ใช้สีโทนนี้จะมีทั้งใช้เฉพาะสีสดใสเท่านั้นกับเว็บที่ใช้สีสดใสผสมกับสีพาสเทลอ่อนค่า

 

 

 

 

18.MA-TEA

 

 

 

 

  • PARADISE PINK
  • COSMIC COBALT
  • AUREOLIN
  • KELLY GREEN
  • SAGE

 

 

 

19.Meow Wolf

 

 

 

 

  • AUREOLIN
  • AERO
  • MANTIS
  • LIBERTY
  • MEXICAN PINK

 

 

 

20.Montréal in Motion

 

 

 

 

  • PARADISE PINK
  • PALATINATE BLUE
  • MIDNIGHT BLUE
  • DARK ORCHID
  • RICH ELECTRIC BLUE

 

 

 

21.Animat Kreatik

 

 

 

 

  • KOBI
  • HAN PURPLE
  • MIDDLE BLUE
  • MAXIMUM YELLOW
  • RUBY

 

 

 

22.Happy Online

 

 

 

 

  • YANKEES BLUE
  • PICTON BLUE
  • FOLLY
  • ORANGE (WEB)
  • MEDIUM SEA GREEN

 

 

 

23.Gramado Summit

 

 

 

 

  • CERISE PINK
  • PEAR
  • PICTON BLUE
  • ULTRAMARINE BLUE

 

 

 

24.La Phase 5

 

 

 

 

  • RICH CARMINE
  • GOLDEN POPPY
  • CAROLINA BLUE
  • SEA SERPENT
  • ISABELLINE

 

 

 

25.ICO Syndicate

 

 

 

 

  • FLORAL WHITE
  • BANANA MANIA
  • SAFETY YELLOW
  • MAUVE
  • RICH LAVENDER

 

 

26.Securinvest

 

 

 

 

  • MIDNIGHT BLUE
  • LIGHT BLUE
  • PALE PINK
  • MANDARIN
  • MEDIUM AQUAMARINE

 

 

 

27.HtmlBurger

 

 

 

 

  • YELLOW (CRAYOLA)
  • DEEP CARROT ORANGE
  • VERMILION
  • AERO
  • CELESTIAL BLUE

 

 

 

28.Juicy Food

 

 

 

 

  • AUREOLIN
  • ROYAL PURPLE
  • ANTI-FLASH WHITE
  • WHITE
  • OXFORD BLUE

 

 

 

IV. Dark & Dramatic Website Color Schemes: Unravel the Mystery


 

โทนสีเข้มเป็นอีก 1 โทนที่ได้รับความนิยมค่ะ เนื่องจากการใช้สีโทนนี้จะให้ความรู้สึกลึกลับน่าค้นหา และความหรูหราทำให้เกิดความอยากรู้อยากเห็น ซึ่งตัวอย่างการใช้สีโทนดังกล่าวในการตกแต่งเว็บไซต์จะมีทั้งใช้แต่โทนเข้มเท่านั้นและโทนเข้มที่ผสมกับสีสดใสค่ะ

 

 

 

 

29.My 360 mirror

 

 

 

 

  • ONYX
  • TAUPE GRAY
  • WHITE SMOKE
  • QUEEN BLUE
  • MEDIUM TURQUOISE

 

 

 

30.Margaux Leroy 

 

 

 

 

  • KEPPEL
  • GUNMETAL
  • OUTER SPACE
  • ARSENIC
  • RHYTHM

 

 

 

31.Iván Ibáñez

 

 

 

 

  • TROLLEY GREY
  • DARK VIOLET
  • LIGHT GRAY
  • DAVY’S GREY
  • JET

 

 

 

32.Production Portugal

 

 

 

 

  • WHITE
  • SPANISH GRAY
  • RIFLE GREEN
  • EERIE BLACK
  • PERMANENT GERANIUM LAKE

 

 

 

33.Microsoft by the Numbers

 

 

 

 

  • CHARLESTON GREEN
  • DARK LIVER
  • LIGHT GRAY
  • ORCHID PINK
  • TEA ROSE

 

 

 

V. Monochrome Website Color Schemes: a Single Color for the Win


 

สำหรับโทนสีสุดท้ายคือโมโนโครม นั่นคือการใช้สีๆเดียวในการออกแบบตกแต่งหน้าเว็บไซต์แต่เปลี่ยนไปเล่นกับเฉดสีแทน สีๆเดียวแต่เป็นการไล่เฉดไปเรื่อยๆ ซึ่งถือเป็นเทรนด์ที่ยังใหม่และน่าสนใจมากๆค่ะ 

 

 

 

 

34.Ephraim Joseph

 

 

 

 

  • INDIGO DYE
  • OCEAN BLUE
  • TOOLBOX
  • BABY POWDER
  • PALE AQUA

 

 

 

35.Whitetail Gin

 

 

 

 

  • WHITE
  • GLITTER
  • OXFORD BLUE
  • PAYNE’S GREY
  • ROYAL BLUE

 

 

 

36.Fitspirit Fashion

 

 

 

 

  • TYRIAN PURPLE
  • AMARANTH DEEP PURPLE
  • MIDDLE PURPLE
  • LAVENDER BLUSH
  • HOLLYWOOD CERISE

 

 

 

37.Sikkema

 

 

 

 

  • TANGERINE
  • SELECTIVE YELLOW
  • SANDSTORM
  • MINION YELLOW
  • FLAVESCENT

 

 

 

38.Gotham Siti

 

 

 

 

  • TAUPE GRAY
  • RAISIN BLACK
  • DIM GRAY
  • SILVER
  • REGISTRATION BLACK

 

 

 

39.A’ja Wilson

 

 

 

 

  • ANTI-FLASH WHITE
  • LIGHT GRAY
  • OLD LAVENDER
  • RAISIN BLACK
  • PURPLE TAUPE

 

 

 

ที่มา

ความคิดเห็น

บทความอื่นๆ

FreelanceBay พาชมไอเดียการออกแบบปกอัลบั้...
10 ตุลาคม 2017

สวัสดีค่ะเพื่อนๆชาว FreelanceBay วันนี...

ออกแบบ
0
1062
FreelanceBay พาแจก!! ฟรี 20 Modern UI De...
25 สิงหาคม 2017

สวัสดีค่าเพื่อนๆชาว FreelanceBay ทุกคน วัน...

ออกแบบ
0
1120
พาชมดีไซน์แพคเกจจิ้ง (Packaging) ที่น่าโ...
26 มิถุนายน 2019

อีกแค่เดือนเดียวเราจะก็ผ่านมาถึงคร...

ออกแบบ
0
291
FreelanceBay พาชมภาพสุดครีเอทจากโปรเจกต์...
27 ธันวาคม 2017

วันนี้ FreelanceBay มีผลงานสร้างสรรค์มาให้ชมกั...

ออกแบบ
0
724
พาชม 10 เว็บไซต์สำหรับดาวน์โหลด Sound Ef...
23 พฤษภาคม 2018

เพื่อนๆฟรีแลนซ์ท่านไหนชอบตัดต่อคลิป หรือกำ...

ออกแบบ
0
4552
พาชม 12 Paper Portfolios สุดแจ่ม!!...
16 สิงหาคม 2018

วันนี้แอดมีตัวอย่างพอร์ตฟอลิโองานกระดาษทำม...

ออกแบบ
0
553
© 2015-2019 FreelanceBay.com, All rights reserved.