คัดลอกรหัสสีเพื่อตกแต่งเว็บไซต์ฟรี

ปลดล็อกความคิดสร้างสรรค์: คัดลอกรหัสสีเพื่อตกแต่งเว็บไซต์ฟรี

🎨 ปลดล็อกความคิดสร้างสรรค์: คัดลอกรหัสสีเพื่อตกแต่งเว็บไซต์ฟรี | Color code

ตารางสีและ code สำหรับตกแต่ง – คลิกเพื่อคัดลอก code

🔴 สีหลัก (Primary Colors)

🟠 สีรอง (Secondary Colors)

⚫ สีกลาง (Neutral Colors)

✨ สีเน้น (Accent Colors)

🌈 สี RGB (RGB Colors)

🎨 เฉดสี (Color Shades)

🌅 สีไล่โทน (Gradient Colors)

📝 วิธีใช้สีใน WordPress

CSS Custom Properties

/* ใน style.css */
:root {
–primary-color: #3b82f6;
–text-color: #1f2937;
}
.my-element {
color: var(–primary-color);
}

WordPress Customizer

/* ใน functions.php */
$wp_customize->add_setting(
‘primary_color’,
array(‘default’ => ‘#3b82f6’)
);

ฟีเจอร์เด่น

  • ค้นหาสีได้ทั้งชื่อ (เช่น Red, Blue) และโค้ดสี (#HEX, RGB)
  • แสดงค่าโค้ดสีในหลายรูปแบบ: HEX, RGB, HSL
  • เลือกคัดลอกโค้ดสีไปใช้งานได้ทันที
  • ตารางสีครบถ้วนทั้งโทนสว่าง เข้ม พื้นฐาน และสีพิเศษ
  • ใช้งานฟรี รองรับทั้งคอมพิวเตอร์และมือถือ

ประโยชน์ที่ได้รับ

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

วิธีใช้งาน

  1. ค้นหาสีที่ต้องการด้วยชื่อสีหรือโค้ด HEX
  2. เลือกจากตารางสีที่แสดงไว้
  3. คลิกเพื่อคัดลอกโค้ดสี (HEX หรือ RGB)
  4. นำโค้ดสีไปใช้ในงานออกแบบ เว็บ หรือกราฟิกได้ทันที

เหมาะสำหรับใคร?

  • นักออกแบบกราฟิก ที่ต้องใช้สีตรงตามมาตรฐาน
  • นักพัฒนาเว็บไซต์ ที่ต้องการโค้ดสีสำหรับ CSS/HTML
  • นักเรียน/นักศึกษา ที่เรียนด้านศิลปะและเทคโนโลยี
  • ผู้ใช้ทั่วไป ที่อยากได้โค้ดสีสำหรับแต่งบล็อก งานพรีเซนต์ หรือสื่อโซเชียล

คำค้นยอดนิยม

โค้ดสี Color Code HEX Code RGB Code ตารางสี CSS Colors

คำถามที่พบบ่อย (FAQ)

โค้ดสี HEX ต่างจาก RGB ยังไง?

HEX ใช้ตัวเลขฐาน 16 เช่น #FF0000 ส่วน RGB ใช้ค่า Red, Green, Blue เช่น rgb(255,0,0)

สามารถใช้โค้ดสีนี้กับ Photoshop หรือ Illustrator ได้ไหม?

ได้แน่นอน ทุกโปรแกรมกราฟิกรองรับการใช้โค้ดสี HEX และ RGB

มีโค้ดสีตามมาตรฐาน W3C หรือไม่?

มีครับ โค้ดสีทั้งหมดรองรับมาตรฐาน CSS Colors ของ W3C

สามารถเลือกโทนสีเฉพาะได้หรือไม่?

ได้ เช่น โทน Pastel, Primary Colors, หรือโทนเข้ม สามารถค้นหาได้จากตารางสี