ชุดเครื่องมือสำหรับนักออกแบบ UI/UX

แปลงค่าสีระหว่างรูปแบบต่างๆ เช่น HEX, RGB, HSL พร้อมแสดงตัวอย่างสีแบบเรียลไทม์

สร้างเอฟเฟกต์เงา CSS box-shadow พร้อมตัวอย่างแบบมองเห็นได้

สร้างการไล่ระดับสี CSS พร้อมดูตัวอย่างทันที

สร้างโค้ด CSS border-radius สำหรับมุมโค้ง

ออกแบบและสร้างปุ่ม CSS ตามต้องการพร้อมดูตัวอย่างแบบเรียลไทม์ ปรับแต่งสี ตัวอักษร ขอบ และเงา เพื่อสร้างปุ่มที่สมบูรณ์แบบสำหรับเว็บไซต์ของคุณ

สร้าง layout แบบ masonry ด้วย CSS ล้วน grid-template-rows: masonry และ fallback แบบ multi-column ปรับคอลัมน์ ช่องว่าง และจำนวนการ์ดได้ พร้อมพรีวิวสดและคัดลอก HTML/CSS ไปใช้

เลือกดูคู่ฟอนต์ Google Fonts คัดสรรตามอารมณ์และประเภทงาน พร้อมพรีวิวแก้ข้อความสด ๆ ปรับขนาดและน้ำหนักได้ และคัดลอกโค้ด CSS import ไปใช้ได้ทันที

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