ตัวสร้าง Tints & Shades สำหรับสเกลสีเรียบออนไลน์
tint ทำให้สีสว่างขึ้นโดยผสมไปทางสีขาว ส่วน shade ทำให้สีเข้มขึ้นโดยผสมไปทางสีดำ ตัวสร้าง Tints & Shades นี้สร้างสเกลเรียบ 3–20 ขั้นในความสว่าง HSL พิมพ์สีฐาน ปรับตัวเลือกที่มี แล้วคัดลอกผลลัพธ์ ใช้ shade ที่สร้างสำหรับสถานะ hover สถานะ disabled หรือมิติภาพในระบบดีไซน์
ตัวสร้าง Tints & Shades สร้างสเกลสีเรียบจากสีฐาน tint ทำให้สีสว่างขึ้นโดยผสมไปทางสีขาว ส่วน shade ทำให้สีเข้มขึ้นโดยผสมไปทางสีดำ เครื่องมือสร้าง 3–20 ขั้นในความสว่าง HSL มีประโยชน์เมื่อคุณต้องการสีที่เกี่ยวข้องสำหรับอินเทอร์เฟซหรือระบบดีไซน์
วิธีใช้ตัวสร้าง พิมพ์หรือวางสีฐาน ปรับตัวเลือกที่มี แล้วคัดลอกผลลัพธ์ สเกลอิงการเปลี่ยนความสว่าง HSL แต่ละขั้นจึงขยับไปทาง tint สว่างขึ้นหรือ shade เข้มขึ้น เครื่องมือสร้างช่วงขั้นแทนที่จะให้คุณคำนวณแต่ละสีด้วยมือ
Tints & Shades มีประโยชน์สำหรับบทบาทต่าง ๆ ในพาเลตต์ สีอ่อนช่วยรองรับสถานะ hover ส่วนสีเข้มให้มิติ สเกลสม่ำเสมอยังช่วยเมื่อเลือกสีสำหรับสถานะ disabled หรือสร้างระบบดีไซน์ เครื่องมือให้คุณสร้างความหลากหลายเหล่านี้โดยตรงในเบราว์เซอร์
ตัวสร้างทำงานในเบราว์เซอร์ของคุณทั้งหมด ข้อมูลของคุณถูกประมวลผลบนอุปกรณ์ของคุณและไม่ถูกส่งไปยังเซิร์ฟเวอร์ หลังจากหน้าเว็บโหลดเสร็จ เครื่องมือใช้งานออฟไลน์ได้ คุณจึงสร้างและคัดลอกสเกลสีได้โดยไม่มีการเชื่อมต่อเครือข่าย
เครื่องมือนี้สำหรับนักพัฒนา นักออกแบบ และวิศวกร DevOps ที่ต้องการวิธีปฏิบัติในการสร้างความหลากหลายของสี ไม่ว่าคุณจะปรับสถานะอินเทอร์เฟซหรือประกอบพาเลตต์ มีวิธีด่วนในการสร้างและตรวจทาน tints และ shades
ขั้นตอนที่ 1: พิมพ์หรือวางสีฐานเพื่อสร้างสเกลของ tints หรือ shades
ขั้นตอนที่ 2: ปรับตัวเลือกที่มีเพื่อกำหนดผลลัพธ์ สเกลมี 3–20 ขั้นในความสว่าง HSL
ขั้นตอนที่ 3: ตรวจทานสเกลสีที่สร้างและเลือกค่า tint หรือ shade ที่เหมาะกับอินเทอร์เฟซของคุณ
ขั้นตอนที่ 4: คัดลอกผลลัพธ์ไปใช้ในระบบดีไซน์ สไตล์ หรืองานพัฒนาอื่นของคุณ
กรณีการใช้งาน: สร้างสเกลสีสำหรับระบบดีไซน์ ด้วย tint สว่างขึ้นและ shade เข้มขึ้นที่เพิ่มมิติให้พาเลตต์
กรณีการใช้งาน: สร้างสีสว่างขึ้นหรือเข้มขึ้นสำหรับสถานะ hover และสถานะ disabled โดยไม่ต้องคำนวณแต่ละขั้นด้วยมือ
กรณีการใช้งาน: จัดการงาน Tints & Shades ประจำในเบราว์เซอร์โดยไม่ต้องติดตั้งอะไรในเครื่อง
กรณีการใช้งาน: สร้างสเกลสีบนเครื่องไหนก็ได้ที่คุณใช้ แล้วคัดลอกผลลัพธ์ไปยังที่ที่คุณต้องการ
กรณีการใช้งาน: หลีกเลี่ยงการวางข้อมูลสีภายในลงในบริการภายนอกโดยใช้เครื่องมือที่ประมวลผลข้อมูลในเบราว์เซอร์ของคุณ
กรณีการใช้งาน: สำรวจตัวเลือกสเกลต่าง ๆ ขณะปรับแต่งชุดสีอินเทอร์เฟซ