การเลือกสี Color Palette สำหรับเว็บไซต์

25 October 2025 • Your Name

การออกแบบ UI/UX

การเลือกสีที่ดีช่วยสร้าง brand identity และปรับปรุง user experience

หลักการเลือกสี

1. เริ่มจากสีหลัก (Primary Color)

เป็นสีที่แทน brand
ใช้ในปุ่มสำคัญและ call-to-action

2. สีรอง (Secondary Color)

เสริมสีหลัก
สร้างความหลากหลาย

3. สีพื้นหลัง (Background)

มักใช้สีอ่อน ๆ
ไม่แย่งสายตากับเนื้อหา

4. สีข้อความ (Text Color)

Contrast ต่างจากพื้นหลังอย่างชัดเจน
WCAG AA: อย่างน้อย 4.5:1

Color Theory

Complementary: สีตรงข้ามบนวงจรสี (สีตัดกัน)
Analogous: สีที่อยู่ติดกันบนวงจรสี (สีกลมกลืน)
Triadic: สีที่อยู่ห่างกัน 120 องศา (สีสดใส)

เครื่องมือแนะนำ

Coolors.co - สร้าง palette แบบสุ่ม
Adobe Color - สร้างจากทฤษฎีสี
Material Design Colors - palette สำเร็จรูป
Contrast Checker - ตรวจสอบ accessibility

ตัวอย่าง Palette

Modern & Clean

Primary: #3B82F6 (Blue)
Secondary: #10B981 (Green)
Background: #F9FAFB (Light Gray)
Text: #1F2937 (Dark Gray)

Dark & Bold

Primary: #FF6B6B (Red)
Secondary: #FFA500 (Orange)
Background: #1A1A1A (Dark)
Text: #FFFFFF (White)

เลือกสีที่สะท้อนบุคลิกภาพของแบรนด์และเข้ากับกลุ่มเป้าหมาย!

← กลับไปหน้าบล็อกทั้งหมด