ส่งออกพาเลต
วางหรือนำเข้าชุดสีและส่งออกทันทีเป็น CSS variables, SCSS, Tailwind config, JSON หรือ SVG swatches — ขั้นตอนสุดท้ายสำหรับทุกพาเลต
วางค่า HEX (หนึ่งบรรทัดต่อสี หรือคั่นด้วยลูกน้ำ/ช่องว่าง) รับ rgb() และ hsl() ด้วย
ไม่พบสีที่ถูกต้อง — ตรวจสอบข้อมูลที่ป้อน
ทุกอย่างทำงานในเบราว์เซอร์ — วางพาเลตและคัดลอกโค้ดพร้อมใช้งานในรูปแบบใดก็ได้ ไม่ต้องสมัคร ฟรีทั้งหมด
เกี่ยวกับ ส่งออกพาเลต
Palette Exporter คือขั้นตอนสุดท้ายสำหรับชุดสีใดก็ตาม วางชุดสีเข้าไปแล้วรับโค้ดที่พร้อมใช้งานจริงในรูปแบบที่โปรเจกต์ของคุณต้องการ รองรับค่า HEX บรรทัดละหนึ่งค่าหรือคั่นด้วยจุลภาคและช่องว่าง และเข้าใจสัญกรณ์ rgb() และ hsl() ด้วย
มีรูปแบบผลลัพธ์หกแบบที่สร้างแบบเรียลไทม์ ได้แก่ CSS custom properties, ตัวแปร SCSS, บล็อกสี Tailwind config, JSON, สวอตช์ SVG และรายการ HEX ธรรมดา คำนำหน้าตัวแปรที่ปรับได้ช่วยให้ชื่อที่สร้างขึ้นสอดคล้องกับโค้ดของคุณ และแต่ละรูปแบบสามารถคัดลอกไปยังคลิปบอร์ดหรือดาวน์โหลดเป็นไฟล์ได้
ทุกอย่างทำงานในเบราว์เซอร์ของคุณ สีที่คุณวางเข้าไปจะไม่ถูกส่งไปที่ใดเลย เครื่องมือนี้ใช้งานคู่กับเครื่องมือชุดสีอื่น ๆ ได้เป็นอย่างดี ดึงหรือสร้างชุดสีจากที่อื่น วางไว้ที่นี่ แล้วรับโค้ดที่ตรงกับสิ่งที่สไตล์ชีต เฟรมเวิร์ก หรือไปป์ไลน์การออกแบบของคุณต้องการ
วิธีใช้ ส่งออกพาเลต
- วางสีของคุณลงในช่องป้อนข้อมูล ไม่ว่าจะเป็น HEX, rgb() หรือ hsl() บรรทัดละหนึ่งค่าหรือคั่นด้วยจุลภาค
- คลิก "Update colors" เพื่อแปลงเป็นชุดสี หรือโหลดตัวอย่างเพื่อทดลองใช้
- เลือกรูปแบบส่งออก: CSS variables, SCSS, Tailwind config, JSON, สวอตช์ SVG หรือ HEX ธรรมดา
- ปรับคำนำหน้าตัวแปรหากต้องการตั้งชื่อเอง
- คัดลอกโค้ดที่สร้างขึ้นหรือดาวน์โหลดเป็นไฟล์