Color Studio

สร้างพาเลตสีที่กลมกลืนจากวงล้อสีแบบอินเทอร์แอคทีฟ — ใช้กฎความสามัคคีเช่น analogous, complementary หรือ triad แล้วคัดลอกค่าใดก็ได้ทันที

ผสมสีเริ่มต้นไปยังสีสุดท้ายในสูงสุด 10 ขั้น — ดูตัวอย่างการไล่สี จับทุกเฉดสี และคัดลอกรูปแบบใดก็ได้ทันที

สร้างสีที่อ่อนและเข้มครบชุดจากสีเดียว — เลือกขั้นการทำให้เข้ม/อ่อน และจำนวนเฉด แล้วคัดลอกค่าใดก็ได้ทันที

ดึงพาเลตสีที่ขัดเกลาและพร้อมคัดลอกจากรูปภาพใดก็ได้

แปลงสีระหว่าง HEX, RGB, RGBA, HSL, HSLA และ HSV — เลือกสี ปรับค่าความโปร่งใส และคัดลอกรูปแบบใดก็ได้ทันที

ค้นหาสี CSS ที่ใกล้เคียงที่สุดและเฉด Tailwind ที่ใกล้เคียงสำหรับสีใดก็ได้ — จับคู่ตามการรับรู้ พร้อมค่าที่คัดลอกได้

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

ดึงการไล่สีที่สวยงามจากรูปถ่ายใดก็ได้ — วางรูป เลือกอารมณ์ และสีหลักจะกลายเป็นจุดหยุดที่ลากได้ คัดลอก CSS พร้อมวางได้ทันที

สร้าง CSS gradients แบบ linear, radial และ conic ตั้งแต่ต้นด้วยการควบคุมจุดหยุดหลายจุดที่ลากได้และ presets ที่คัดสรรมา คัดลอก CSS พร้อมวางได้ทันที

วางหรือนำเข้าชุดสีและส่งออกทันทีเป็น CSS variables, SCSS, Tailwind config, JSON หรือ SVG swatches — ขั้นตอนสุดท้ายสำหรับทุกพาเลต

ตรวจสอบอัตราส่วนความคมชัด WCAG ระหว่างสีข้อความและพื้นหลัง — ดูเกรด AA/AAA สำหรับข้อความปกติ ข้อความขนาดใหญ่ และองค์ประกอบ UI พร้อมตัวอย่างสดและคำแนะนำสีที่เข้าถึงได้

ดูรูปภาพหรือพาเลตในมุมมองของผู้ที่มี protanopia, deuteranopia, tritanopia หรือ achromatopsia — ทำงานทั้งหมดในเบราว์เซอร์ ไม่มีการอัปโหลด