ตัวสร้างพาเลตต์ Material: สร้างสเกลสี 50–900
ตัวสร้างพาเลตต์ Material สร้างสเกลสีแบบ Material Design 10 ขั้น จาก 50 ถึง 900 โดยใช้สีพื้นฐานและแรมป์ความสว่าง OKLch ตั้งค่าตัวเลือกที่มี สร้างพาเลตต์ แล้วคลิกที่ขั้นใดก็ได้เพื่อคัดลอกค่า ใช้ผลลัพธ์ในธีม Material หรือเตรียมค่าสีสำหรับเทสต์ ฟิกซ์เจอร์ และข้อมูลซีด
ตัวสร้างพาเลตต์ Material เป็นเครื่องมือในเบราว์เซอร์สำหรับสร้างสเกลสีแบบ Material Design จากสีพื้นฐาน สร้างสิบขั้นที่มีป้ายกำกับ จาก 50 ถึง 900 ทำให้สร้างพาเลตต์สี Material ได้ง่ายโดยไม่ต้องเลือกค่าทุกค่าด้วยตนเอง ใช้เพื่อสร้างสเกลสีสำหรับธีม ข้อมูลพัฒนา หรือการทดลองภาพ
ตัวสร้างใช้แรมป์ความสว่าง OKLch ในการสร้างสเกล เริ่มจากตั้งค่าตัวเลือกที่มีแล้วสร้างพาเลตต์ ผลลัพธ์แต่ละรายการมีป้ายกำกับตามขั้น เช่น 50, 100 หรือ 900 คลิกที่ขั้นเพื่อคัดลอกค่า แล้ววางตามที่ต้องการ เวิร์กโฟลว์รองรับการคัดลอกค่าแต่ละรายการเพื่อใช้ในธีม Material เทสต์ ฟิกซ์เจอร์ หรือข้อมูลซีด
สีพื้นฐานเพียงสีเดียวคือค่าหนึ่งค่า ขณะที่สเกลพาเลตต์ให้ชุดขั้นตอนที่เกี่ยวข้องซึ่งตอบสนองความต้องการต่างกันในธีมหรือโปรเจกต์ ตัวสร้างพาเลตต์ Material สร้างสิบขั้นแทนที่จะให้คุณคิดค่าสีขึ้นมาเอง ป้ายกำกับที่เป็นตัวเลขทำให้เลือกและอ้างอิงจุดใดจุดหนึ่งในสเกลได้ตรงไปตรงมา
เครื่องมือทำงานในเบราว์เซอร์ของคุณทั้งหมด: ข้อมูลนำเข้าของคุณจะถูกประมวลผลบนอุปกรณ์ของคุณและไม่ถูกส่งไปยังเซิร์ฟเวอร์ ไม่ต้องสมัครสมาชิก และเมื่อโหลดหน้าแล้ว ตัวสร้างจะใช้งานออฟไลน์ได้โดยไม่ต้องเชื่อมต่อเซิร์ฟเวอร์ มีประโยชน์สำหรับนักพัฒนาและวิศวกร DevOps ที่เตรียมค่าธีม ข้อมูลเทสต์ ฟิกซ์เจอร์ ข้อมูลซีด หรือตัวอย่างสี
ขั้นตอนที่ 1: ตั้งค่าตัวเลือกที่มีก่อนสร้างพาเลตต์ เครื่องมือใช้การตั้งค่าของคุณเพื่อสร้างสเกลสี
ขั้นตอนที่ 2: สร้างพาเลตต์จากสีพื้นฐาน ผลลัพธ์คือสเกลแบบ Material Design 10 ขั้นที่มีป้ายกำกับ 50, 100 เรื่อยไปจนถึง 900
ขั้นตอนที่ 3: ตรวจสอบค่าสีที่สร้างขึ้นเพื่อหาขั้นที่คุณต้องการสำหรับธีม เทสต์ หรือข้อมูลโปรเจกต์อื่นๆ
ขั้นตอนที่ 4: คลิกที่ขั้นพาเลตต์เพื่อคัดลอกค่า แล้ววางลงในธีม Material หรือโปรเจกต์ของคุณ
กรณีการใช้งาน: เตรียมค่าพาเลตต์ Material สำหรับเทสต์ ฟิกซ์เจอร์ หรือข้อมูลซีด สเกลที่สร้างขึ้นให้ชุดขั้นตอนสีที่สม่ำเสมอสำหรับใช้ในการพัฒนา
กรณีการใช้งาน: สร้างค่าสีทั้งชุดพร้อมกันแทนการคิดค่าขึ้นมาเองทีละค่า ทำให้เตรียมข้อมูลพาเลตต์สำหรับโปรเจกต์ได้เร็วขึ้น
กรณีการใช้งาน: ได้ค่าสีที่สุ่มอย่างถูกต้องแทนการพิมพ์เดาจากแป้นพิมพ์ เมื่อคุณต้องการสีสำหรับข้อมูลตัวอย่างหรือการทดลอง
กรณีการใช้งาน: สร้างธีม Material จากสีพื้นฐาน สเกล 50–900 ให้หลายขั้นตอนสำหรับคัดลอกลงในธีม
กรณีการใช้งาน: สร้างค่าสีสำหรับต้นแบบหรือการทดสอบภาพ คัดลอกแต่ละขั้นตามต้องการโดยไม่ต้องสร้างสเกลเองทีละขั้นตอน
กรณีการใช้งาน: เตรียมชุดค่าพาเลตต์ที่ทำซ้ำได้สำหรับงานพัฒนา ป้ายกำกับที่มีเลขทำให้ระบุและใช้สีที่ต้องการซ้ำได้ง่าย