หน้าแรก / เครื่องมือสี
เครื่องมือ

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

แปลง ปรับ ผสม และสร้างสีสำหรับเว็บไซต์ กราฟิก และระบบการออกแบบได้โดยตรงในเบราว์เซอร์

งานยอดนิยม

แปลง ปรับ ผสม และสร้างสีสำหรับเว็บไซต์ กราฟิก และระบบการออกแบบได้โดยตรงในเบราว์เซอร์

เกี่ยวกับ เครื่องมือสี

วิธีใช้ เครื่องมือสี

แปลง ปรับ ผสม และสร้างสีสำหรับเว็บไซต์ กราฟิก และระบบการออกแบบได้โดยตรงในเบราว์เซอร์

ดูทั้งหมด

ตัวแปลงสี

แปลงค่า HEX, RGB, RGBA, HSL, HSLA และ HSV ที่แก้ไขได้ พร้อมแสดงตัวอย่างสีเดียวกันและคัดลอกรูปแบบที่โค้ดหรือระบบการออกแบบของคุณต้องการ

เครื่องปรับความสว่างสีออนไลน์

ปรับสีเดียวให้สว่างขึ้นโดยการผสมกับสีขาวตามเปอร์เซ็นต์ที่กำหนด รองรับรูปแบบ HEX, RGB, HSV และ HSL

เครื่องมือสร้าง Gradient CSS

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

ทำให้สีเข้มขึ้น

ปรับสีฐานให้เข้มขึ้นโดยผสมกับสีดำตามเปอร์เซ็นต์ที่กำหนด รองรับรูปแบบ HEX, RGB, HSV, HSL และตัวเลือกสี

ปรับความอิ่มสี

ปรับความอิ่มสีของสีเดียวโดยการเพิ่มหรือลดค่า HSL saturation ตั้งแต่ -100 ถึง +100 รองรับรูปแบบ HEX, RGB, HSV และ HSL

แปลงสีเป็นโทนเทา

เครื่องมือแปลงสีเดียวจาก HEX, RGB, HSV หรือ HSL ให้เป็นโทนเทาแบบ HSL (ลดความอิ่มตัว) พร้อมตัวอย่างผลลัพธ์ที่ชัดเจน

กลับสี

เครื่องมือแปลงสีเดียวโดยการกลับค่าช่อง RGB แต่ละช่องแบบอิสระ รองรับรูปแบบ HEX, RGB, HSV และ HSL พร้อมตัวอย่างผลลัพธ์ที่ชัดเจน

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

สร้างสีสุ่มในเบราว์เซอร์ของคุณ พร้อมค่า HEX, RGB และ HSL

ผสมสี

เครื่องมือผสมสี RGB สองสีแบบทึบแสง พร้อมตัวอย่างผลลัพธ์ที่คำนวณได้จริง

เปลี่ยนเฉดสี

หมุนเฉดสีของสีทึบหนึ่งสีตามองศาที่กำหนด รองรับรูปแบบ HEX, RGB, HSV และ HSL พร้อมตัวอย่างผลลัพธ์ที่ชัดเจน

เครื่องมือโทนสีสามสีออนไลน์

สร้างชุดสีสามสีจากสีฐานเดียว โดยเว้นระยะมุม 120 องศาในวงล้อสี HSL เหมาะสำหรับการสำรวจโทนสีที่สมดุล

เครื่องมือโทนสีสี่สีออนไลน์

สร้างจานสีสี่สีแบบสี่เหลี่ยมผืนผ้าจากสีฐานที่คุณเลือก ปรับแต่งได้ด้วยรหัส HEX, RGB, HSV หรือ HSL และดูตัวอย่างผลลัพธ์ทั้งสี่สีทันทีในเบราว์เซอร์

เครื่องมือสีคู่ตรงข้ามแบบออนไลน์

สร้างคู่สีตรงข้าม (Complementary Color) จากสีฐานที่คุณเลือก โดยใช้มุม Hue ต่างกัน 180 องศา เหมาะสำหรับการออกแบบที่ต้องการสีที่ตัดกันอย่างชัดเจน

เครื่องมือออนไลน์สีคู่ตรงข้ามแบบแยก

สร้างชุดสีสามสีจากสีฐานและสองสีที่อยู่ข้างๆ สีตรงข้าม โดยใช้การปรับค่า HSL แบบคงที่ เหมาะสำหรับการสำรวจโทนสีที่ตัดกันอย่างนุ่มนวล

เครื่องมือออนไลน์โทนสีใกล้เคียง

สร้างชุดสีโทนใกล้เคียง 3 สีจากสีฐานที่เลือก ปรับมุมห่างได้ 1-90 องศา ดูตัวอย่างผลลัพธ์และคัดลอกค่า HEX ได้ทันที

เครื่องสร้างจานสีโมโนโครมออนไลน์

สร้างเฉดสีโมโนโครม 3-12 เฉดจากสีฐานเดียว ปรับแต่งได้ด้วยโหมด HEX RGB HSV HSL

เครื่องมือโทนสีสี่เหลี่ยมออนไลน์

สร้างชุดสีสี่เหลี่ยมจากสีฐานที่คุณเลือก โดยเว้นระยะฮิวเท่ากัน 90 องศา เหมาะสำหรับการสำรวจโทนสีที่สมดุล

ตัวเลือกสีภาพออนไลน์

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

เครื่องมือเลือกสีจากภาพ

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

เครื่องมือแยกสีรูปภาพออนไลน์แบบแบตช์

เลือกภาพหลายภาพพร้อมกัน ระบบจะสร้างตัวเลือกสีสำหรับแต่ละภาพ แยกสีจากพิกเซลที่คลิก และส่งออกชุดสีเป็น CSS, Code, SVG หรือ PNG

หมายเหตุสำคัญ