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

15 มีนาคม 2562

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

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