✨ ตัวสร้างจานสี
#ff6b6b
#da8190
#b596b5
#90acda
#6bc1ff
background: linear-gradient(to right, #ff6b6b, #6bc1ff);
สีในจานสี:
#ff6b6b, #da8190, #b596b5, #90acda, #6bc1ff
สร้างสีไล่ระดับที่น่าทึ่งและสร้างชุดสีที่กำหนดเองได้ฟรีทางออนไลน์ เลือกสีเริ่มต้นและสีสิ้นสุด ปรับขนาดพาเลท และคัดลอกโค้ด CSS หรือรหัสสี Hex แต่ละสี เหมาะสำหรับการออกแบบเว็บไซต์ กราฟิกดีไซน์ และโปรเจกต์สร้างสรรค์
ตรวจสอบอัตราส่วนความต่างสีเพื่อให้สอดคล้องกับการเข้าถึงเว็บไซต์ ทดสอบการผสมผสานสีข้อความและพื้นหลังตามหลักเกณฑ์ WCAG พร้อมการแสดงตัวอย่างแบบเรียลไทม์ การให้คะแนนการเข้าถึง และคำแนะนำในการปรับปรุง
แปลงสี HSV (Hue, Saturation, Value) ให้เป็นสี Pantone ที่ใกล้เคียงที่สุดได้ทันที ค้นหาสี Pantone ที่สมบูรณ์แบบด้วยเครื่องมือจับคู่สีที่ครอบคลุมของเรา ซึ่งมีการเปรียบเทียบด้วยภาพและวิทยาศาสตร์สีที่แม่นยำ
แปลงสี RGB ให้เป็นสี Pantone ที่ใกล้เคียงที่สุดด้วยอัลกอริทึมจับคู่สีขั้นสูงของเรา เลือกดูสี Pantone ที่คัดสรรมาอย่างดี เปรียบเทียบความแตกต่างของสี และรับรหัสสีที่แม่นยำสำหรับโครงการออกแบบของคุณ
ดึงสีจากรูปภาพใดๆ ทางออนไลน์ได้ฟรี อัปโหลดรูปภาพ คลิกเพื่อเลือกสี และรับค่า HEX, RGB, HSL และ CMYK สร้างและส่งออกจานสีได้
สร้างสรรค์ภาพคอลลาจที่น่าทึ่งด้วยการรวมรูปภาพของคุณเข้ากับชุดสีที่สกัดออกมา อัปโหลดรูปภาพใดก็ได้เพื่อสกัดสีหลักโดยอัตโนมัติ และสร้างผลงานที่สวยงามด้วยการจัดวาง สไตล์ และอัตราส่วนภาพที่ปรับแต่งได้
สร้างจานสีที่สวยงามทางออนไลน์ด้วยเครื่องมือสร้างจานสีฟรีของเรา สร้างโทนสีที่กลมกลืนโดยใช้หลักการทฤษฎีสี หรือดึงสีจากรูปภาพ ส่งออกเป็นรูปแบบ CSS, SCSS, Tailwind, JSON, PDF และ PNG
เลือกสีเริ่มต้นของคุณโดยใช้ตัวเลือกสี หรือป้อนรหัส Hex โดยตรงในช่องข้อความ นี่จะเป็นสีแรกในสีไล่ระดับของคุณ
เลือกสีสิ้นสุดของคุณโดยใช้ตัวเลือกสีที่สองหรือการป้อนค่า Hex สิ่งนี้จะสร้างจุดสิ้นสุดของการเปลี่ยนสีสำหรับสีไล่ระดับของคุณ
ใช้แถบเลื่อนเพื่อกำหนดจำนวนสีที่คุณต้องการในพาเลทของคุณ (3-12 สี) ยิ่งมีสีมาก การเปลี่ยนผ่านก็จะยิ่งราบรื่นขึ้น
คลิกที่สีใดก็ได้เพื่อคัดลอกรหัส Hex ของสีนั้น ใช้ 'คัดลอก CSS' สำหรับโค้ดสีไล่ระดับ หรือ 'คัดลอกทั้งหมด' สำหรับพาเลททั้งหมด
เลือกสีเริ่มต้นและสีสิ้นสุดโดยใช้ตัวเลือกสีที่ใช้งานง่าย หรือป้อนค่า Hex โดยตรงเพื่อการควบคุมสีที่แม่นยำ
สร้างพาเลทสีได้ตั้งแต่ 3 ถึง 12 สี พร้อมการเปลี่ยนผ่านที่ราบรื่นระหว่างสีเริ่มต้นและสีสิ้นสุดที่คุณเลือก
เห็นสีไล่ระดับของคุณได้แบบเรียลไทม์พร้อมการแสดงตัวอย่างภาพที่สวยงาม ซึ่งอัปเดตทันทีที่คุณปรับสี
คัดลอกรหัสสี Hex แต่ละสี โค้ด CSS ไล่ระดับ หรือพาเลทสีทั้งหมดไปยังคลิปบอร์ดได้ในคลิกเดียว
พาเลทสีไล่ระดับคือชุดของสีที่เปลี่ยนผ่านจากสีหนึ่งไปยังอีกสีหนึ่งอย่างราบรื่น สร้างโทนสีที่กลมกลืน พาเลทเหล่านี้มีความสำคัญในงานออกแบบ ช่วยสร้างประสบการณ์ภาพที่สอดคล้องกันในเว็บไซต์ แอป และโปรเจกต์กราฟิกดีไซน์ เครื่องมือสร้างพาเลทสีไล่ระดับของเราจะสร้างสีกลางโดยการประมาณค่า RGB ระหว่างสีเริ่มต้นและสีสิ้นสุดที่คุณเลือก ทำให้มั่นใจได้ถึงการเปลี่ยนสีที่ราบรื่นและเป็นธรรมชาติ
สร้างพาเลทสีที่สวยงามได้ทันทีพร้อมการแสดงตัวอย่างแบบสด ไม่ต้องรอ ไม่ต้องประมวลผล - เห็นสีไล่ระดับของคุณอัปเดตแบบเรียลไทม์ขณะที่คุณทำการเปลี่ยนแปลง
รับโค้ด CSS ไล่ระดับพร้อมใช้งานและค่าสี Hex ที่คุณสามารถนำไปใช้ได้ทันทีในโปรเจกต์เว็บ เครื่องมือออกแบบ หรือแอปพลิเคชันของคุณ
ใช้เครื่องมือสร้างสีแบบสุ่มเพื่อค้นพบการผสมสีที่สวยงามและไม่คาดคิด ซึ่งคุณอาจไม่เคยนึกถึงมาก่อน
สร้างสีไล่ระดับได้โดยตรงในเบราว์เซอร์ของคุณโดยไม่ต้องดาวน์โหลดซอฟต์แวร์หรือสร้างบัญชี การประมวลผลทั้งหมดเกิดขึ้นภายในเครื่องเพื่อประสิทธิภาพที่รวดเร็ว
คลิกปุ่ม 'คัดลอก CSS' ใต้การแสดงตัวอย่างสีไล่ระดับเพื่อคัดลอกโค้ด CSS linear-gradient ทั้งหมดไปยังคลิปบอร์ดของคุณ จากนั้นคุณสามารถวางลงในไฟล์ CSS ของคุณได้โดยตรง
ได้! คุณสามารถป้อนรหัสสี Hex ได้โดยตรงในช่องข้อความถัดจากตัวเลือกสีแต่ละอัน สีไล่ระดับจะอัปเดตอัตโนมัติเมื่อคุณป้อนรหัส Hex ที่ถูกต้อง
คุณสามารถสร้างพาเลทได้สูงสุด 12 สี ใช้แถบเลื่อนเพื่อปรับขนาดพาเลทได้ระหว่าง 3 ถึง 12 สีขึ้นอยู่กับความต้องการของคุณ
เครื่องมือสร้างสีแบบสุ่มจะสร้างรหัสสี Hex สองสีแบบสุ่มอย่างสมบูรณ์สำหรับจุดเริ่มต้นและจุดสิ้นสุดของคุณ ทำให้คุณได้ชุดสีที่ไม่คาดคิดและสร้างแรงบันดาลใจในการทำงาน
ได้! คลิกที่สี่เหลี่ยมสีใดก็ได้ในพาเลทที่สร้างขึ้นเพื่อคัดลอกรหัส Hex ของสีนั้นไปยังคลิปบอร์ดของคุณ คุณจะเห็นข้อความยืนยันเมื่อคัดลอกสีแล้ว