ผมได้ไปค้นเจอสีต่างๆ ที่ใช้ใน CSS ครับมีอยู่หลายเฉดสีด้วยกัน โดยไปเจอในเว็บ http://th.wikipedia.org คับที่นี่เค้ามีข้อมูลเกี่ยวกับสีแทบทุกสีครับ ซึ่งเมื่อผมหาเจอแล้วก็เลยอยากเอามาให้ได้ลองเอาไปใช้ดูครับ
สีที่ใช้ใน CSS นั้นเป็นสีที่ใช้ใน HTML ด้วยครับ
และสีทั้งหมดก็ใช้เป็นต้นแบบสีทั้งหมดในโปรแกรมคอมพิวเตอร์ทุกโปรแกรมด้วย
รวมทั้งการเขียนเว็บด้วย
สำหรับสีที่ใช้นั้นมีหลักการอ้างอิง
ตามเลขฐาน 16 ในรูปแบบ RGB เป็นการผสมสีของสีแดง สีเขียว และสีน้ำเงิน
เวลาจะเอาสีไหนไปใช้ ก็ให้จำรหัสหรือชื่อสีไป
สำหรับรหัสนั้นจะเป็นเลข 6 หลัก
และมีเครื่องหมาย # นำหน้านะครับ
จะเป็น #xxxxxx ตัวอย่างเช่น สีดำ ก็ จะเป็นรหัส #000000 แค่นี้เองครับ
หรืออาจจำชื่อสีไปก็ได้
แต่ว่าตอนเอาไปใช้นั้นต้องพิมพ์ชื่อสีให้ถูกนะครับ
อย่างเช่นต้องการสีส้มแดง
มีชื่อสีว่า coral
ก็ให้พิมพ์ชื่อตามข้างบนนี้ไปเลยครับ
ไม่งั้นมันจะไม่แสดงไม่รู้ด้วยนะ
ก่อนอื่นมารู้จักสีมาตรฐานของ HTML
ซึ่งมีทั้งหมด 16 สีด้วยกันครับโดยเป็นไปตามมาตรฐาน HTML 4.01 มีดังนี้ครับ
ชื่อ |
รหัสสี | ชื่อ | รหัสสี | ชื่อ | รหัสสี | ชื่อ | รหัสสี |
black | #000000 | silver | #c0c0c0 | maroon | #800000 | red | #ff0000 |
navy | #000080 | blue | #0000ff | purple | #800080 | fuchsia | #ff00ff |
green | #008000 | lime | #00ff00 | olive | #808000 | yellow | #ffff00 |
teal | #008080 | aqua | #00ffff | gray | #808080 | white | #ffffff |
มาต่อกันกับสีที่ผมไปหามาครับ มีหลายสีให้เลือกใช้มากมายเช่นกัน
ชื่อสี |
รหัสสี | ชื่อสี | รหัสสี |
indianred | #cd5c5c | darksalmon | #e9967a |
lightcoral | #f08080 | salmon | #fa8072 |
orangered | #ff4500 | red | #ff0000 |
crimson | #dc143c | firebrick | #b22222 |
darkred | #8b0000 | mediumvioletred | #c71585 |
pink | #ffc0cb | lightpink | #ffb6c1 |
hotpink | #ff69b4 | deeppink | #ff1493 |
palevioletred | #db7093 | darkkhaki | #bdb76b |
khaki | #f0e68c | palegoldenrod | #eee8aa |
lightgoldenrodyellow | #fafad2 | lightyellow | #ffffe0 |
lemonchiffon | #fffacd | yellow | #ffff00 |
gold | #ffd700 | papayawhip | #ffefd5 |
moccasin | #ffe4b5 | peachpuff | #ffdab9 |
cyan | #00ffff | aqua | #00ffff |
aquamarine | #7fffd4 | turquoise | #40e0d0 |
mediumturquoise | #48d1cc | darkturquoise | #00ced1 |
cadetblue | #5f9ea0 | slategray | #708090 |
lightcyan | #e0ffff | paleturquoise | #afeeee |
powderblue | #b0e0e6 | lightsteelblue | #b0c4de |
steelblue | #4682b4 | lightblue | #add8e6 |
skyblue | #87ceeb | lightskyblue | #87cefa |
deepskyblue | #00bfff | cornflowerblue | #6495ed |
royalblue | #4169e1 | mediumslateblue | #7b68ee |
dodgerblue | #1e90ff | blue | #0000ff |
mediumblue | #0000cd | darkblue | #00008b |
navy | #000080 | midnightblue | #191970 |
lightsalmon | #ffa07a | orange | #ffa500 |
darkorange | #ff8c00 | coral | #ff7f50 |
tomato | #ff6347 | orangered | #ff4500 |
aquamarine | #7fffd4 | mediumspringgreen | #00fa9a |
springgreen | #00ff7f | palegreen | #98fb98 |
greenyellow | #adff2f | chartreuse | #7fff00 |
lawngreen | #7cfc00 | lime | #00ff00 |
lightgreen | #90ee90 | yellowgreen | #9acd32 |
limegreen | #32cd32 | mediumseagreen | #3cb371 |
darkseagreen | #8fbc8f | forestgreen | #228b22 |
seagreen | #2e8b57 | green | #008000 |
olivedrab | #6b8e23 | olive | #808000 |
ยังมีต่ออีกหน้านึงนะครับ
กลัวว่าคนใช้จะตาลายก่อนครับ
เลยแยกไปอีกหน้าดีกว่า