ทฤษฎีสี
การใช้สีนั้นเป็นเรื่องที่สำคัญมากในการทำเว็บไซต์ การเลือกสีให้เข้ากับเนื้อหาของเว็บไซต์ จะทำให้เว็บไซต์มีความน่าเชื่อถือยิ่งขึ้น และยังส่งผลอย่างมากกับความสวยงามของเว็บไซต์ ถ้าเราออกแบบโดยใช้สีที่ไม่เข้ากัน ก็จะทำให้เว็บของเราดูไม่สวยไปเลยก็ได้รูปด้านล่างวงล้อความสัมพันธ์ของสี ซึ่งบรรจุสีที่นิยมใช้ในเว็บไซต์ไว้ 20 สี เหมาะสำหรับผู้ที่กำลังเลือกสีที่จะใช้ในเว็บไซต์อยู่เราสามารถใช้ความสัมพันธ์ของวงล้อขอสีนี้ให้เกิดประโยชน์ได้อย่างมากมาย เช่น
ต้องการออกแบบให้เว็บไซต์รู้สึกตัดกันโดยสิ้นเชิง เราอาจใช้ชุดสี 4 สีที่ทำมุมกัน 90 องศา เช่นดังตัวอย่างถ้าเราเลือกชุดสี 1 , 6 , 11 , 16 สีที่ได้จะตัดกันชัดเจน
ถ้าต้องการให้เว็บไซต์ดูกลมกลืนก็อาจเลือกชุดสีใกล้เคียงกันก็ได้เช่น เลือกชุดสีเขียวเบอร์ 8 , 9 , 10 , 11 ก็จะได้สีในโทนสีเขียวสว่าง
ด้านล่างเป็นเบอร์สีที่ใช้แบ่งตามมาตราฐานการอ้างอิงของสี
Hexadecimal - Browser Colour Codes
1 - #FF0000 6 - #FFFF00 11 - #009900 16 - #0000FF
2 - #FF3300 7 - #CCFF00 12 - #006633 17 - #3300CC
3 - #FF6600 8 - #99CC00 13 - #006666 18 - #660099
4 - #FF9900 9 - #66CC00 14 - #003399 19 - #990066
5 - #FFCC00 10 - #339900 15 - #0033CC 20 - #CC0033
Red, Green and Blue Values
1 - R:255 G:000 B:000
2 - R:255 G:051 B:000
3 - R:255 G:102 B:000
4 - R:255 G:153 B:000
5 - R:255 G:204 B:000
6 - R:255 G:255 B:000
7 - R:204 G:255 B:000
8 - R:153 G:204 B:000
9 - R:102 G:204 B:000
10 - R:051 G:204 B:000
12 - R:000 G:102 B:051
13 - R:000 G:102 B:102
14 - R:000 G:051 B:153
15 - R:000 G:051 B:204
16 - R:000 G:000 B:255
17 - R:051 G:000 B:204
11 - R:000 G:153 B:000
18 - R:102 G:000 B:153
19 - R:153 G:000 B:102
20 - R:204 G:00 B:051
อ้างอิงจากเว็บไซต์ http://www.webstyleguide.com/
