วิธีระบุสีที่ต้องการใช้ในเว็บไซต์

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

1

เลือกจาก ColorPicker ที่ระบบแสดงออกมาให้โดยใช้เม้าท์คลิก จะเห็นสีที่เลือกได้ทันที

2

ระบุสีของเว็บ hex color code เข้าไปเอง สามารถ key ค่าสีหรือ copy โค้ดสีมาใส่

WEBSITE FOR COLOR IDEAS


Adobe color  CC    Color-Hex    Color Drop      Material Palette    Palettr   Colorfavs

sample HTML hex color codes

WHITE

#ffffff

SAND

#faf8eb

OYSTER

#f5f3e4

BEIGE

#faf5e0

EGG

#fef6e1

HAZELNUT

#ebe5cf

CHAMPAGNE

#f7e7ce

BONE

#e3dac9

BLACK

#000000

SMOKY BLACK

#100c08

STROME
#191919

CHARCOAL
#28231d

DARK GRAY

#3b3b3b

STEEL GRAY

#666666

CLOUD GRAY

#bcbebd

LIGHT GRAY

#f7f7f7

BROWN

#231709

CHOCOLATE

#3b200b

CEDAR

#4a3727

LAVA

#574946

WENGE

#5d5757

TAN

#aa8d6f

GOLD WHEAT

#ddc692

KHAKI

#c3b091

WINE

#500805

EGGPLANT

#471932

VIOLET

#4c3352

FIRE

#45153f

RED

#c61925

INDIAN RED

#b0344e

DUST

#b2aaa4

MARBLE

#f3ebdd

DENIM

#151e3d

BLUE

#042f59

COBALT

#3a5199

TEAL

#54b9c1

SKY

#69d2e7

ICE

#c2e9ec

BABY BLUE

#54b9c1

MOUNTAIN

#334433

GREEN

#235111

ARMY GREEN

#3f5c0c

SAGE

#a1be95

PALE GREEN

#8cbf68

NEW GROWTH

#b3d459

PALE GREEN

#f0f4b9

AQUAMARINE

#3a6659

SEA GREEN

#3ad681

TURQUOISE GREEN

#16a790

SUNGLOW

#e2c665

GOLD

#ffd452

BANANA

#fefcb8

DRIZZEL

#a6c0b5

RED CLAY

#8c1219

TERRACOTTA

#a43820

DESERT

#d25d35

SALMON

#ee5a22

TANGERINE

#f38630

WARM

#f7af63

PEACH

#ffccac

PAPER BLACK

#1c1c1c

COAL

#262626

ONYX

#303030

THUNDER CLOUD
#505160

DEEP AQUA

#003b46

OCEAN

#07575b

RAIN

#2c7873

CORNFLOWER
#6495ed

NEW GRASS

#86ac41

MOSS

#aebd38

OLIVE

#a7a64a

HEALTH

#99c999

FIZZ

#bceed1

BABY GREEN

#82d5c3

CADET BLUE

#496f7a

MORNING BLUE

#7ccccc

MUSTARD

#e2c665

VANILLA

#ffe78a

LIGHT YELLOW

#fefcb8

CHIFFON

#d7d3e3

SAND

#e0dcb9

LILAC

#872b76

ORCHID

#98569e

LAVENDER

#a5a2cf

BREEZE

#c1e1dc

MIST

#a5cbcb

ROSE

#ffc7c5

LINEN

#f2e0d0

 

SOLOID and ALPHA COLOR IN WEB




เพื่อให้เกิดสีจางซ้อนลงบนรูป 

transparency on image

ใช้สี  #701a2c

ที่มีค่า Alpha = 0.65

คือ

rgba(112,26,44,0.65)




SOLID COLOR # 701a2c

ON BACKGROUD IMAGE

 

 

การใช้สี ALPHA 

เพื่อให้มองเห็นพื้นหลัง

 ในกล่องนี้เลือก

ใช้สีพื้นหลัง block คือ #a6a6a6


สีที่ใช้คือ #701a2c

SOLID COLOR

สีแดงที่ใช้คือ  #701a2c

ที่มีค่า Alpha = 0.6 

rgba(112,26,44,0.6)

จะเห็นสีพื้นหลังเทาซ้อนขึ้นมาด้วย

 



เพื่อให้เกิดสีจางซ้อนลงบนรูป 

transparency on image

ใช้สี  #a99d87

ที่มีค่า Alpha = 0.61

คือ

rgba(169,157,135,0.61)


  


SOLID COLOR # a99d87

ON BACKGROUND IMAGE

 


การใช้สี ALPHA

เพื่อให้มองเห็นพื้นหลัง  

ในกล่องนี้เลือก

สีพื้นหลัง block คือ #3b3b3b


สีที่ใช้คือ #a99d87

SOLID COLOR

สีน้ำตาลที่ใช้คือ  #a99d87

ที่มีค่า Alpha = 0.61

rgba(169,157,135,0.61)

จะเห็นสีพื้นหลังเทาซ้อนขึ้นมาด้วย