น่ารักดอทคอม

Monday, March 31, 2014

ทฤษฎีสี

ทฤษฎีสี

    รูปด้านล่างวงล้อความสัมพันธ์ของสี ซึ่งบรรจุสีที่นิยมใช้ในเว็บไซต์ไว้ 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

No comments:

Post a Comment