รู้จัก "โค้ดสี" HTML รหัสสีสวยๆ ที่ใช้บ่อย มีอะไรบ้าง?

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

ทำความรู้จัก "โค้ดสี" คืออะไร?

โค้ดสี (Color Code) คือ รหัสสีที่เกิดจากการผสมกันของ 3 แม่สีหลัก ได้แก่ แดง, เขียว และน้ำเงิน หรือที่มักเรียกกันว่า "RGB" (Red, Green, Blue) รหัสสีจะประกอบด้วยตัวอักษร 6 หลัก ทั้งอักษรภาษาอังกฤษ และตัวเลข เพื่อระบุเฉดสีต่างๆ โดยจะต้องมีเครื่องหมาย # วางไว้ในตำแหน่งหน้าตัวอักษรเสมอ ตัวอักษรแต่ละตัวก็จะแทนรหัสของสีต่างๆ ทำให้เรามีเฉดสีไว้ใช้งานผ่านโปรแกรมต่างๆ จำนวนหลายล้านสีนั่นเอง

รวมโค้ดสีสวยๆ ที่ใช้บ่อย มีโทนสีอะไรบ้าง?

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

1. โค้ดสีพาสเทลหวานๆ
ตัวอย่างโค้ดรหัสสีพาสเทลที่ใช้บ่อย 
#DD0000
#AA0000
#FF3300
#FF0033
#FF0000
#CC0000
#A52A2A
#FF0000

2. โค้ดสีแดงร้อนแรง
ตัวอย่างโค้ดรหัสสีแดงที่ใช้บ่อย
#FF3300
#FF001F
#FF0033
#FF0000
#DD0000
#CC0000
#A52A2A
#AA0000

3. โค้ดสีดาร์กสุดเท่
ตัวอย่างโค้ดรหัสสีดำที่ใช้บ่อย
#666666
#444444
#111111
#000000
#330000
#220000
#000044
#000033

4. โค้ดสีฟ้าสบายตา
ตัวอย่างโค้ดรหัสสีฟ้าที่ใช้บ่อย
#87CEEB
#87CEFA
#33CCFF
#00BFFF
#0099FF
#1E90FF
#3399FF
#6495ED

5. โค้ดสีอ่อนละมุน
ตัวอย่างโค้ดรหัสสีอ่อนที่ใช้บ่อย
#FFFFEF
#FFF9EF
#FFF4ED
#F9EFE5
#EFFFFF
#DFFFFF
#F7F7FF
#E5E5F9

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