🎨

เครื่องมือสีฟรี

สกัด วิเคราะห์ แปลง และแบ่งปันสีของคุณ เครื่องมือระดับมืออาชีพ 12 รายการ ฟรี 100% ไม่ต้องลงทะเบียน

การแยกสี

การวิเคราะห์

การแปลง

ส่งออก

ไล่ระดับสี

การเข้าถึง

เอฟเฟกต์

สร้างสรรค์

นักพัฒนา

ดูตัวอย่าง

ตัวเลือกสี

ใช้ตัวเลือกสีดูดสีจากพิกเซลใดก็ได้ในรูปภาพอย่างแม่นยำ อ่านค่า HEX RGB HSL ทันที ทำงานในเบราว์เซอร์ ไม่อัปโหลดรูป

การแยกสี

แยกสี

ดึงสีเด่นที่มีสัดส่วนมากที่สุดจากรูปภาพโดยอัตโนมัติ สร้างชุดสีกลมกลืนพร้อมค่า HEX และ RGB ประมวลผลในเบราว์เซอร์

การแยกสี

เครื่องสร้างพาเลท

อัปโหลดรูปเดียวก็สร้างพาเลทสีครบชุดอัตโนมัติ ดึงสีที่กลมกลืนพร้อมค่า HEX RGB ของทุกสี ประมวลผลในเบราว์เซอร์

การแยกสี

การวิเคราะห์

สีหลัก

วิเคราะห์รูปภาพเพื่อระบุสีหลักที่มีสัดส่วนมากที่สุดพร้อมเปอร์เซ็นต์ แสดงค่า HEX และ RGB ให้นำโทนสีของภาพไปใช้ต่อได้

การแยกสี

การวิเคราะห์

ค้นหาสีที่คล้ายกัน จับคู่โทนสีใกล้เคียงพร้อมค่า HEX RGB

ป้อนสีใดก็ได้เพื่อค้นหาสีในโทนใกล้เคียงที่คล้ายกันทางสายตา พร้อมค่า HEX และ RGB ช่วยขยายและปรับแต่งชุดสีให้มีมิติ

การวิเคราะห์

แปลงสี

แปลงสีระหว่าง HEX RGB HSL CMYK และ OKLCH ไปมาได้ทันที พร้อมดูตัวอย่างสีและคัดลอกโค้ด สะดวกสำหรับงานออกแบบและพัฒนาเว็บ

การแปลง

ความเปรียบต่างของสี

ตรวจอัตราส่วนความเปรียบต่างระหว่างสีพื้นหน้าและพื้นหลังตาม WCAG บอกว่าผ่านระดับ AA หรือ AAA ให้ข้อความอ่านง่ายเข้าถึงได้

การวิเคราะห์

ส่งออกพาเลท

ส่งออกพาเลทสีทั้งชุดเป็นไฟล์ CSS JSON และ ASE ได้ในคลิกเดียว สะดวกสำหรับนำเข้า Figma หรือใช้ในโปรเจกต์พัฒนาเว็บโดยตรง

ส่งออก

ดูตัวอย่างสี

นำสีที่เลือกไปใช้กับเลย์เอาต์และคอมโพเนนต์จริงเพื่อดูผลลัพธ์แบบเรียลไทม์ เปรียบเทียบชุดสีได้ชัดเจนก่อนนำไปใช้จริง

การวิเคราะห์

ดาวน์โหลดพาเลทสี บันทึกจานสีพร้อมค่า HEX เป็นไฟล์ภาพ PNG

ดาวน์โหลดพาเลทสีทั้งชุดพร้อมค่า HEX ของแต่ละสีเป็นไฟล์ภาพ PNG ที่คมชัด สะดวกสำหรับแชร์ เก็บอ้างอิง หรือแนบเอกสารส่งงาน

ส่งออก

แชร์ชุดสี ส่งต่อพาเลทผ่านลิงก์เฉพาะเพื่อทำงานร่วมกันในทีม

สร้างลิงก์เฉพาะเพื่อแชร์พาเลทสีได้ในคลิกเดียว ผู้รับเปิดดูชุดสีและค่า HEX ได้ทันทีโดยไม่ต้องติดตั้งโปรแกรม ทำงานร่วมกันลื่นไหล

ส่งออก

ฮาร์โมนีสี

สร้างชุดสีกลมกลืนจากวงล้อสี ทั้งสีเสริม สามสี สีเสริมแยก และสีข้างเคียง พร้อมค่า HEX ช่วยหาคู่สีที่เข้ากันได้อย่างรวดเร็ว

การวิเคราะห์

ไล่ระดับสี CSS

ปรับสี ตำแหน่ง และมุมแบบเห็นภาพ สร้างไล่ระดับสี CSS แบบเส้นตรงหรือวงกลมและคัดลอกโค้ด ดูตัวอย่างสดพร้อมใช้เป็นพื้นหลังเว็บ

ไล่ระดับสี

นักพัฒนา

ไล่ระดับสีแบบตาข่าย

สร้างพื้นหลังไล่ระดับสีแบบตาข่ายหลายสีที่นุ่มนวล ลากจุดสีปรับชั้นสีได้อิสระและส่งออกโค้ด CSS เพิ่มมิติทันสมัยให้หน้าเว็บ

ไล่ระดับสี

สร้างสรรค์

ไล่ระดับสีเคลื่อนไหว

สร้างพื้นหลังไล่ระดับสีเคลื่อนไหวที่ลื่นไหล ปรับสี ทิศทาง และความเร็วแล้วส่งออกโค้ด CSS เพิ่มความมีชีวิตชีวาให้ส่วนหัวเว็บ

ไล่ระดับสี

เอฟเฟกต์

จำลองตาบอดสี

จำลองว่าสีปรากฏอย่างไรภายใต้ภาวะตาบอดสีหลายแบบ ทั้งแดงเขียวและน้ำเงินเหลือง ตรวจว่าชุดสียังแยกแยะได้ ออกแบบให้เข้าถึงครอบคลุม

การเข้าถึง

การวิเคราะห์

ความสามารถอ่านข้อความ

ทดสอบความสามารถในการอ่านของคู่สีข้อความกับพื้นหลัง ประเมินความชัดร่วมกับอัตราส่วนความเปรียบต่าง เลือกสีอ่านง่ายสบายตา

การเข้าถึง

การวิเคราะห์

เครื่องวิเคราะห์ WCAG

วิเคราะห์อัตราส่วนความเปรียบต่างตาม WCAG ของทุกคู่สีในพาเลททีละคู่ ระบุว่าผ่านระดับ AA หรือ AAA ควบคุมการเข้าถึงของสีทั้งเว็บ

การเข้าถึง

การวิเคราะห์

กลาสมอร์ฟิซึม

ปรับความเบลอ ความโปร่งใส และสีพื้นหลัง สร้างเอฟเฟกต์กระจกฝ้ากลาสมอร์ฟิซึมด้วย CSS และคัดลอกโค้ด ใช้กับการ์ดและป็อปอัปสมัยใหม่

เอฟเฟกต์

นักพัฒนา

เครื่องสร้างนิวมอร์ฟิซึม ทำเอฟเฟกต์ UI นูนนุ่มด้วยเงา CSS

ปรับทิศทางแสงเงา ความโค้งมน และสี สร้างเอฟเฟกต์ UI นิวมอร์ฟิกที่นูนนุ่ม ดูตัวอย่างสดและส่งออกโค้ด CSS สร้างพื้นผิวที่ละเอียดอ่อน

เอฟเฟกต์

นักพัฒนา

เครื่องสร้างเงาสี ทำเอฟเฟกต์เงาหลายชั้นแบบมีสีด้วยโค้ด CSS

สร้างเงาสีที่มีมิติหลายชั้นให้ปุ่มและการ์ด ปรับสี ความเบลอ และระยะเยื้องแล้วส่งออกโค้ด CSS ให้ส่วนติดต่อดูโดดเด่นมีมิติ

เอฟเฟกต์

นักพัฒนา

เอฟเฟกต์ดูโอโทน

ใส่เอฟเฟกต์ไล่ระดับสองสีดูโอโทนให้รูปภาพ เลือกสีไฮไลต์และสีเงาเองเพื่อสร้างสไตล์ภาพที่โดดเด่น ประมวลผลในเบราว์เซอร์ ไม่อัปโหลด

สร้างสรรค์

เอฟเฟกต์

ฟิลเตอร์สีรูปภาพ

ใส่ฟิลเตอร์สีให้รูปภาพ ปรับโทนสี ความอิ่มตัว ความสว่าง และอุณหภูมิสีพร้อมดูตัวอย่างสด ประมวลผลในเบราว์เซอร์ ไม่อัปโหลดเซิร์ฟเวอร์

สร้างสรรค์

เอฟเฟกต์

บอร์ดอารมณ์สี

ใช้พาเลทสีของคุณจัดบอร์ดอารมณ์เชิงภาพ ผสมผสานสี พื้นผิว และวัสดุแรงบันดาลใจ เพื่อกำหนดโทนภาพรวมให้แบรนด์และโปรเจกต์ออกแบบ

สร้างสรรค์

ส่งออก

เครื่องผสมสี

ผสมสองสีหรือมากกว่าเพื่อสร้างสีกลางที่เปลี่ยนผ่านนุ่มนวล อ่านค่า HEX และ RGB ของแต่ละขั้นทันที ปรับสีกลางและสร้างไล่ระดับได้ง่าย

สร้างสรรค์

การวิเคราะห์

ทินท์และเฉด

สร้างเฉดสีอ่อนแบบทินท์และเฉดสีเข้มครบชุดจากสีตั้งต้นใดก็ได้ พร้อมค่า HEX ของแต่ละระดับ สร้างระบบสีที่มีลำดับชั้นชัดเจนกลมกลืน

สร้างสรรค์

การวิเคราะห์

พาเลทสุ่ม

สุ่มสร้างพาเลทสีที่กลมกลืนในคลิกเดียวเพื่อจุดประกายแรงบันดาลใจ แต่ละชุดมาพร้อมค่า HEX และกดสุ่มใหม่ได้จนกว่าจะเจอชุดที่ถูกใจ

สร้างสรรค์

การแยกสี

เครื่องสร้างพาเลทจากคีย์เวิร์ด ป้อนคำเพื่อสร้างชุดสีตามธีม

ป้อนคีย์เวิร์ดอย่างทะเล พระอาทิตย์ตก หรือป่า แล้วสร้างพาเลทสีที่เข้ากับธีมโดยอัตโนมัติพร้อมค่า HEX ให้ชุดสีตรงกับแนวคิดของคุณ

สร้างสรรค์

การแยกสี

พาเลท Tailwind

สร้างคอนฟิกสีระดับเฉดของ Tailwind CSS ครบชุดจากสีตั้งต้นสีเดียว ตั้งแต่เฉดอ่อนสุดถึงเข้มสุด คัดลอกไปใส่ไฟล์คอนฟิกได้ทันที

นักพัฒนา

ส่งออก

ตัวแปร CSS

ส่งออกพาเลทสีทั้งชุดเป็นตัวแปร custom properties ของ CSS คัดลอกไปวางในคลิกเดียว จัดการและนำสีธีมกลับมาใช้ซ้ำในสไตล์ชีตได้

นักพัฒนา

ส่งออก

เครื่องสร้างธีม shadcn/ui ส่งออกตัวแปรสีโหมดสว่างและมืด

สร้างตัวแปรสีธีมครบชุดสำหรับ shadcn/ui ครอบคลุมทั้งโหมดสว่างและมืด คัดลอกโค้ดในคลิกเดียวไปใช้กับไลบรารีคอมโพเนนต์ได้ทันที

นักพัฒนา

ส่งออก

เครื่องส่งออกตัวแปร SCSS สร้างโค้ดตัวแปร Sass ของชุดสี

ส่งออกพาเลทสีทั้งชุดเป็นตัวแปร SCSS/Sass คัดลอกในคลิกเดียว จัดการและนำสีของโปรเจกต์กลับมาใช้ซ้ำในไฟล์สไตล์ ดูแลได้เป็นระบบ

นักพัฒนา

ส่งออก

อุณหภูมิสี

วิเคราะห์แนวโน้มโทนอุ่นและเย็นของสีพร้อมให้ค่าอุณหภูมิสีที่ชัดเจน ช่วยปรับสมดุลความรู้สึกอุ่นเย็นและสร้างบรรยากาศตามที่ต้องการ

การวิเคราะห์

อารมณ์สี

สำรวจความรู้สึกและการเชื่อมโยงทางจิตวิทยาที่แต่ละสีสื่อ ตีความบรรยากาศเบื้องหลังโทนสี ช่วยเลือกชุดสีที่สื่อความหมายตรงกับแบรนด์

การวิเคราะห์

สร้างสรรค์

สีแบรนด์

ค้นหาแบรนด์ในแคตตาล็อก ดูสีที่บันทึกไว้ และคัดลอกค่า HEX ที่มีให้ได้อย่างรวดเร็ว

การวิเคราะห์

การแยกสี

เครื่องมือเทรนด์สี ค้นพบสีและพาเลทยอดนิยมเป็นแรงบันดาลใจ

เลือกดูสีและพาเลทที่กำลังเป็นเทรนด์ยอดนิยม แต่ละชุดมาพร้อมค่า HEX ให้หยิบไปใช้เป็นแรงบันดาลใจ ช่วยให้งานออกแบบทันสมัยตามกระแส

สร้างสรรค์

การวิเคราะห์

แผนที่ไล่ระดับสี

ใส่แผนที่ไล่ระดับสีตามค่าความสว่างของพิกเซล ลงสีทั้งภาพใหม่ด้วยไล่ระดับที่กำหนดเองเพื่อสไตล์เฉพาะตัว ประมวลผลในเบราว์เซอร์

สร้างสรรค์

เอฟเฟกต์

โอเวอร์เลย์สี

เพิ่มชั้นสีโปร่งแสงทับรูปภาพและปรับโหมดผสมสีเพื่อรวมโทนสีทั้งภาพและสร้างบรรยากาศเฉพาะ ประมวลผลในเบราว์เซอร์ ไม่อัปโหลด

สร้างสรรค์

เอฟเฟกต์

พาเลทโมโนโครม

สร้างชุดสีโทนเดียวที่ไล่ระดับความอ่อนเข้มจากสีตั้งต้น พร้อมค่า HEX ของแต่ละระดับ สร้างสไตล์ภาพเรียบง่ายแต่มีลำดับชั้นและมิติ

สร้างสรรค์

การวิเคราะห์

สคีมสีเสริม

สร้างชุดสีเสริมที่ตัดกันชัดเจนจากวงล้อสีพร้อมค่า HEX ช่วยสร้างการจับคู่สีคอนทราสต์สูง เน้นจุดสำคัญ และโดดเด่นสะดุดตาสำหรับงานเว็บ

สร้างสรรค์

การวิเคราะห์

ดูตัวอย่าง UI

นำชุดสีไปใช้กับคอมโพเนนต์ UI จริงอย่างปุ่ม การ์ด และฟอร์มเพื่อดูตัวอย่างแบบเรียลไทม์ ตรวจผลลัพธ์ส่วนติดต่อและพบปัญหาก่อนใช้จริง

ดูตัวอย่าง

นักพัฒนา

ดูตัวอย่างโซเชียล

ดูตัวอย่างชุดสีในโมเดลโพสต์และภาพหน้าปกโซเชียลมีเดีย ประเมินผลลัพธ์ของสีในหน้าฟีดได้ชัดเจน ช่วยปรับการนำเสนอเนื้อหาให้ดีขึ้น

ดูตัวอย่าง

สร้างสรรค์

เครื่องมือสีระดับมืออาชีพสำหรับนักออกแบบและนักพัฒนา

ชุดเครื่องมือสีของเราช่วยให้คุณสกัดพาเล็ตต์จากรูปภาพ แปลงระหว่างรูปแบบ (HEX, RGB, HSL, CMYK) ตรวจสอบการเข้าถึงตามมาตรฐาน WCAG และส่งออกสีของคุณเป็น CSS, Sass หรือ Tailwind เครื่องมือทั้งหมดทำงานในเบราว์เซอร์ของคุณโดยตรง ไม่ต้องลงทะเบียนและเคารพความเป็นส่วนตัวของคุณ

การสกัดและวิเคราะห์สีจากรูปภาพ

ใช้เครื่องมือเลือกสี (หลอดดูดสี) ของเราเพื่อระบุสีใด ๆ ในภาพถ่ายของคุณได้อย่างแม่นยำ สกัดสีหลักโดยอัตโนมัติและสร้างพาเล็ตต์ที่กลมกลืนจากภาพที่เป็นแรงบันดาลใจของคุณ เหมาะสำหรับการสร้างแบรนด์ การออกแบบเว็บ และงานสร้างสรรค์กราฟิก

การแปลงสีและการเข้าถึง

แปลงสีของคุณระหว่าง HEX, RGB, HSL และ CMYK ได้ทันที ตรวจสอบความคมชัดระหว่างสีของคุณตามมาตรฐาน WCAG AA และ AAA เพื่อรับรองการเข้าถึงของการออกแบบของคุณ สร้างความกลมกลืนของสีตามวงล้อสี: สีคู่ตรงข้าม สีใกล้เคียง สามสี และอื่น ๆ

ฟรี 100% ไม่ต้องลงทะเบียน เป็นมิตรต่อความเป็นส่วนตัว

เครื่องมือสีทั้งหมดของเราฟรีอย่างสมบูรณ์และไม่ต้องลงทะเบียน รูปภาพและข้อมูลของคุณได้รับการประมวลผลในเครื่องในเบราว์เซอร์ของคุณและไม่เคยส่งไปยังเซิร์ฟเวอร์ของเรา ใช้เครื่องมือของเราได้อย่างมั่นใจสำหรับโครงการส่วนตัวและมืออาชีพของคุณ