เครื่องมือสร้างสี Material Design
เครื่องสร้างสี Material Design ระดับมืออาชีพที่เป็นไปตามหลักการเข้าถึง สร้างโครงร่างสีที่สมบูรณ์สำหรับแอปและเว็บไซต์ตามแนวทาง Material Design ของ Google สร้างสีหลัก สีรอง และสีต่างๆ พร้อมการตรวจสอบคอนทราสต์ WCAG เครื่องมือออนไลน์ฟรีพร้อมตัวเลือกส่งออก
Loading tool...
เครื่องมือสร้างสี Material Design คืออะไร?
Material Design Color Generator สร้างพาเลทสีเต็มรูปแบบ (เฉด 50-900) จากสีตั้งต้นสีเดียว ตามแนวทาง Material Design ของ Google
ประโยชน์หลัก
- ดีไซน์สม่ำเสมอ
- พร้อมสำหรับ accessibility
- ระบบครบถ้วน
- โค้ดสีรวดเร็ว
กรณีการใช้งาน
- •ธีมแอพ
- •UI Kits
- •อัตลักษณ์แบรนด์
- •Design Systems
วิธีสร้างสี Material Design
- เลือกสี: เลือกสีตั้งต้น
- สร้าง: ดูเฉดสีจาก 50 ถึง 900
- ใช้งาน: คลิกเพื่อคัดลอกโค้ดสี
คุณสมบัติหลัก
- สร้าง Material Design color palettes
- สีหลักและสีเน้น
- เฉดสี 50-900
- เฉดสีเน้น A100-A700
- ส่งออกเป็น CSS หรือ SCSS variables
- ดูตัวอย่างบน UI components