เลือกสีเริ่มต้น
เลือกสีเริ่มต้นของคุณโดยใช้ตัวเลือกสี หรือป้อนรหัส Hex โดยตรงในช่องข้อความ นี่จะเป็นสีแรกในสีไล่ระดับของคุณ
เลือกสีสิ้นสุด
เลือกสีสิ้นสุดของคุณโดยใช้ตัวเลือกสีที่สองหรือการป้อนค่า Hex สิ่งนี้จะสร้างจุดสิ้นสุดของการเปลี่ยนสีสำหรับสีไล่ระดับของคุณ
ปรับขนาดพาเลท
ใช้แถบเลื่อนเพื่อกำหนดจำนวนสีที่คุณต้องการในพาเลทของคุณ (3-12 สี) ยิ่งมีสีมาก การเปลี่ยนผ่านก็จะยิ่งราบรื่นขึ้น
คัดลอกสีและ CSS
คลิกที่สีใดก็ได้เพื่อคัดลอกรหัส Hex ของสีนั้น ใช้ 'คัดลอก CSS' สำหรับโค้ดสีไล่ระดับ หรือ 'คัดลอกทั้งหมด' สำหรับพาเลททั้งหมด
ตัวเลือกสีแบบโต้ตอบ
เลือกสีเริ่มต้นและสีสิ้นสุดโดยใช้ตัวเลือกสีที่ใช้งานง่าย หรือป้อนค่า Hex โดยตรงเพื่อการควบคุมสีที่แม่นยำ
ขนาดพาเลทที่ปรับแต่งได้
สร้างพาเลทสีได้ตั้งแต่ 3 ถึง 12 สี พร้อมการเปลี่ยนผ่านที่ราบรื่นระหว่างสีเริ่มต้นและสีสิ้นสุดที่คุณเลือก
แสดงตัวอย่างสีไล่ระดับแบบสด
เห็นสีไล่ระดับของคุณได้แบบเรียลไทม์พร้อมการแสดงตัวอย่างภาพที่สวยงาม ซึ่งอัปเดตทันทีที่คุณปรับสี
คัดลอกในคลิกเดียว
คัดลอกรหัสสี Hex แต่ละสี โค้ด CSS ไล่ระดับ หรือพาเลทสีทั้งหมดไปยังคลิปบอร์ดได้ในคลิกเดียว
พาเลทสีไล่ระดับคือชุดของสีที่เปลี่ยนผ่านจากสีหนึ่งไปยังอีกสีหนึ่งอย่างราบรื่น สร้างโทนสีที่กลมกลืน พาเลทเหล่านี้มีความสำคัญในงานออกแบบ ช่วยสร้างประสบการณ์ภาพที่สอดคล้องกันในเว็บไซต์ แอป และโปรเจกต์กราฟิกดีไซน์ เครื่องมือสร้างพาเลทสีไล่ระดับของเราจะสร้างสีกลางโดยการประมาณค่า RGB ระหว่างสีเริ่มต้นและสีสิ้นสุดที่คุณเลือก ทำให้มั่นใจได้ถึงการเปลี่ยนสีที่ราบรื่นและเป็นธรรมชาติ
ผลลัพธ์ทันใจ
สร้างพาเลทสีที่สวยงามได้ทันทีพร้อมการแสดงตัวอย่างแบบสด ไม่ต้องรอ ไม่ต้องประมวลผล - เห็นสีไล่ระดับของคุณอัปเดตแบบเรียลไทม์ขณะที่คุณทำการเปลี่ยนแปลง
เป็นมิตรกับนักพัฒนา
รับโค้ด CSS ไล่ระดับพร้อมใช้งานและค่าสี Hex ที่คุณสามารถนำไปใช้ได้ทันทีในโปรเจกต์เว็บ เครื่องมือออกแบบ หรือแอปพลิเคชันของคุณ
แรงบันดาลใจแบบสุ่ม
ใช้เครื่องมือสร้างสีแบบสุ่มเพื่อค้นพบการผสมสีที่สวยงามและไม่คาดคิด ซึ่งคุณอาจไม่เคยนึกถึงมาก่อน
ไม่ต้องติดตั้ง
สร้างสีไล่ระดับได้โดยตรงในเบราว์เซอร์ของคุณโดยไม่ต้องดาวน์โหลดซอฟต์แวร์หรือสร้างบัญชี การประมวลผลทั้งหมดเกิดขึ้นภายในเครื่องเพื่อประสิทธิภาพที่รวดเร็ว
คลิกปุ่ม 'คัดลอก CSS' ใต้การแสดงตัวอย่างสีไล่ระดับเพื่อคัดลอกโค้ด CSS linear-gradient ทั้งหมดไปยังคลิปบอร์ดของคุณ จากนั้นคุณสามารถวางลงในไฟล์ CSS ของคุณได้โดยตรง
ได้! คุณสามารถป้อนรหัสสี Hex ได้โดยตรงในช่องข้อความถัดจากตัวเลือกสีแต่ละอัน สีไล่ระดับจะอัปเดตอัตโนมัติเมื่อคุณป้อนรหัส Hex ที่ถูกต้อง
คุณสามารถสร้างพาเลทได้สูงสุด 12 สี ใช้แถบเลื่อนเพื่อปรับขนาดพาเลทได้ระหว่าง 3 ถึง 12 สีขึ้นอยู่กับความต้องการของคุณ
เครื่องมือสร้างสีแบบสุ่มจะสร้างรหัสสี Hex สองสีแบบสุ่มอย่างสมบูรณ์สำหรับจุดเริ่มต้นและจุดสิ้นสุดของคุณ ทำให้คุณได้ชุดสีที่ไม่คาดคิดและสร้างแรงบันดาลใจในการทำงาน
ได้! คลิกที่สี่เหลี่ยมสีใดก็ได้ในพาเลทที่สร้างขึ้นเพื่อคัดลอกรหัส Hex ของสีนั้นไปยังคลิปบอร์ดของคุณ คุณจะเห็นข้อความยืนยันเมื่อคัดลอกสีแล้ว