ตัวสร้างพาเล็ต Tailwind: สร้างสเกลสี 11 ระดับ
สร้างสเกลสีสไตล์ Tailwind 11 ระดับ จาก 50 ถึง 950 ด้วยสีตั้งต้นเพียงสีเดียว พาเล็ตไล่ระดับความสว่างใน OKLch ซึ่งเป็น color space ที่รับรู้อย่างสม่ำเสมอและ Tailwind v3 ใช้ ตรวจสอบเฉดสีที่สร้างขึ้น คลิกค่าที่ต้องการเพื่อคัดลอก หรือใช้โค้ด config Tailwind ที่พร้อมวางที่แถมมา ตั้งค่าตัวเลือกที่มีก่อนสร้าง
ตัวสร้างพาเล็ต Tailwind สร้างสเกลสีสไตล์ Tailwind 11 ระดับจากสีตั้งต้นเดียว สร้างเฉดสีหมายเลข 50, 100 ไปจนถึง 950 ทำให้สร้างพาเล็ตที่เข้ากันได้ง่ายกว่าการสร้างค่าทีละค่า แต่ละเฉดสีคลิกเพื่อคัดลอกได้ และเครื่องมือมีโค้ด config Tailwind ที่พร้อมวางแถมมาด้วย
ตัวสร้างสร้างสเกลด้วยการไล่ระดับความสว่างใน OKLch ซึ่งเป็น color space ที่รับรู้อย่างสม่ำเสมอและ Tailwind v3 ใช้ ตั้งค่าตัวเลือกที่มี ระบุสีตั้งต้น แล้วสร้างพาเล็ตเพื่อดูเฉดสีที่ได้ จากนั้นคัดลอกค่าแต่ละค่าหรือใช้โค้ด config ที่แถมมา
พาเล็ตคือลำดับของค่าสีที่สัมพันธ์กัน ส่วนโค้ด config Tailwind เป็นวิธีสะดวกในการนำพาเล็ตที่สร้างขึ้นไปใช้ในโปรเจกต์ Tailwind การสร้างเฉดสีจากสีตั้งต้นเดียวช่วยให้คุณสร้างช่วงค่าที่สว่างและเข้มขึ้นอย่างสม่ำเสมอสำหรับอินเทอร์เฟซหรือข้อมูลโปรเจกต์ การหมายเลข 50–950 ทำให้ระบุระดับได้ง่ายขณะทำงานกับสเกล
เครื่องมือทำงานในเบราว์เซอร์ของคุณทั้งหมด และอินพุตของคุณประมวลผลบนอุปกรณ์แทนที่จะส่งไปยังเซิร์ฟเวอร์ ไม่มีข้อพึ่งพาเซิร์ฟเวอร์ ดังนั้นหลังหน้าเว็บโหลดแล้วจะใช้งานออฟไลน์ต่อไปได้ ตัวสร้างพาเล็ต Tailwind ใช้ฟรี ช่วยให้นักพัฒนา นักออกแบบ และวิศวกร DevOps สร้างและคัดลอกสเกลสีครบชุดได้อย่างรวดเร็ว
ขั้นตอนที่ 1: ระบุสีตั้งต้นหนึ่งสีเพื่อเริ่มพาเล็ตของคุณ ตัวสร้างจะใช้สีนั้นสร้างสเกล 11 ระดับทั้งหมด
ขั้นตอนที่ 2: ตั้งค่าตัวเลือกที่มีก่อนสร้าง คุณสามารถตรวจสอบตัวเลือกเฉพาะได้ในเครื่องมือ
ขั้นตอนที่ 3: สร้างพาเล็ตแล้วตรวจสอบเฉดสีที่หมายเลขตั้งแต่ 50 ถึง 950
ขั้นตอนที่ 4: คลิกเฉดสีเพื่อคัดลอกค่า หรือคัดลอกโค้ด config Tailwind ที่พร้อมวาง
กรณีการใช้งาน: สร้างชุดเฉดสีสไตล์ Tailwind ครบชุดสำหรับ design system จากสีตั้งต้นเดียว
กรณีการใช้งาน: เตรียมค่าสีสำหรับการทดสอบ ฟิกซ์เจอร์ หรือข้อมูล seed โดยไม่ต้องพิมพ์แต่ละเฉดสีด้วยตนเอง
กรณีการใช้งาน: สร้างสเกล 50–950 ทั้งหมดในคราวเดียวแทนที่จะคิดค่าทีละค่า
กรณีการใช้งาน: สร้างพาเล็ตสำหรับโปรเจกต์และคัดลอกค่าเฉดสีแต่ละค่าเมื่อต้องการ
กรณีการใช้งาน: ใช้โค้ด config ที่แถมมาเพื่อนำพาเล็ตที่สร้างขึ้นไปใช้ในไฟล์ config ของ Tailwind
กรณีการใช้งาน: สำรวจว่าความสว่างเปลี่ยนแปลงอย่างไรในพาเล็ตด้วยสเกลที่ใช้ OKLch