ตัวเลือกสีออนไลน์เลือก แปลง ตรวจ และส่งออกสี

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

ได้ ในเบราว์เซอร์ที่รองรับเครื่องมือดูดสี (Chrome, Edge และเบราว์เซอร์ Chromium อื่นบนเดสก์ท็อป) คลิกเครื่องมือดูดสี แล้วคลิกพิกเซลใดก็ได้บนหน้าจอ แม้อยู่นอกหน้าต่างเบราว์เซอร์ ในเบราว์เซอร์อื่น ให้จับภาพหน้าจอแล้ววางในแท็บรูปภาพ

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

HEX (3, 4, 6 และ 8 หลัก), RGB, HSL, HSV/HSB, HWB, OKLCH, OKLab และ CMYK รวมถึงชื่อสี CSS ทั้งหมด วางค่าได้ทั้งแบบมีหรือไม่มีชื่อฟังก์ชัน เช่น “255, 87, 51”

OKLCH อธิบายสีด้วยความสว่างที่รับรู้ ความสด (chroma) และเฉดสี ขั้นที่เท่ากันจะดูเท่ากัน จึงเหมาะสำหรับสเกลเฉดสีและชุดสีที่สม่ำเสมอ และรองรับใน CSS รุ่นใหม่ในรูป oklch()

คำนวณอัตราส่วนคอนทราสต์ WCAG 2 ระหว่างข้อความกับพื้นหลัง และแสดงว่าผ่าน AA และ AAA สำหรับข้อความปกติ ข้อความขนาดใหญ่ และองค์ประกอบอินเทอร์เฟซหรือไม่ และยังแสดงคอนทราสต์ความสว่าง APCA (Lc) จากร่าง WCAG 3 และแนะนำสีที่ใกล้ที่สุดที่ผ่านเกณฑ์

เลือกสีหลัก แล้วใช้ชุดสีกลมกลืนสำหรับสีคู่ตรงข้าม สามสี และรูปแบบอื่น หรือใช้เฉดสีสำหรับสีอ่อน สีเข้ม และสเกล 50–950 หรือดึงชุดสีจากรูปถ่ายก็ได้ บันทึกสีโปรดและส่งออกเป็นโค้ด

ได้ แท็บส่งออกเขียนชุดสีของคุณเป็นตัวแปร CSS, SCSS, Tailwind v4 @theme หรือคอนฟิก v3, SwiftUI, UIKit, Android colors.xml, Jetpack Compose, JSON, ชุดสี GIMP หรือรายการ hex ธรรมดา คัดลอกหรือดาวน์โหลดไฟล์ได้

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