ชุดสีMaterial Design
ชุดสี Material Design ใช้แนวคิดของ Google: สีหลักหนึ่งสี สีรองสำหรับจุดเน้น พื้นผิวสีกลาง และระดับสีเทาสำหรับข้อความกับความสูงขององค์ประกอบ
ตัวอย่างชุดสี
สีหลัก#1976D2
สีหลักอ่อน#42A5F5
พื้นผิว#FAFAFA
สีรอง#FFA000
ข้อความบนพื้นผิว#212121
รหัสฐานสิบหกพร้อมคัดลอก
ออกแบบมาเพื่อหน้าจอ
ความกลมกลืนคลาสสิกมองเฉดสี แต่ Material มองบทบาท เช่น สีหลัก สีรอง พื้นผิว ข้อความบนพื้นผิว และข้อผิดพลาด ทุกสีมีหน้าที่ จึงแปลงเป็นโทเคนของระบบออกแบบได้โดยตรง
คอนทราสต์และระดับความสูง
Material ต้องการคอนทราสต์ข้อความกับพื้นผิวอย่างน้อย 4.5:1 ระดับความสูงสร้างด้วยพื้นผิวที่สว่างขึ้นทีละขั้น แทนการซ้อนเงา ซึ่งช่วยได้มากในธีมมืดที่มองเงาได้ยาก
สร้างชุดสีmaterial designของฉัน
ใช้ฟรี ไม่ต้องสมัคร