สี ไล่เฉดสี เงา และอื่น ๆ สำหรับนักออกแบบ · 34 เครื่องมือ
สร้างชุดสีที่กลมกลืนกัน
ออกแบบไล่เฉดสี CSS แล้วคัดลอกโค้ด
ออกแบบ box-shadow ของ CSS แบบเห็นภาพ
แปลงระหว่าง HEX, RGB, HSL และอื่น ๆ
ตรวจสอบคอนทราสต์ตามมาตรฐาน WCAG
ลดขนาดไฟล์ SVG ของคุณ
ออกแบบมุมโค้งและรูปทรงอิสระด้วย border-radius แล้วคัดลอก CSS
เอฟเฟกต์กระจกฝ้าด้วย backdrop-filter พร้อมคัดลอก
เงานุ่มนวลสไตล์ neumorphism สำหรับปุ่มและการ์ด
พื้นหลังลวดลาย (จุด ลายทาง หกเหลี่ยม…) แบบ CSS หรือ SVG
รูปทรงอิสระแบบสุ่มใน SVG พร้อมไล่เฉดสีสำหรับงานออกแบบ
คลื่นสำหรับแบ่งส่วนต่าง ๆ ของเว็บไซต์ เป็น SVG พร้อมใช้
ออกแบบปุ่มแบบไล่เฉดสี เส้นขอบ หรือ 3D แล้วคัดลอก CSS พร้อม hover
ออกแบบเส้นโค้งแอนิเมชันและทดลองแบบสด
แอนิเมชัน @keyframes สำเร็จรูป: เด้ง เต้นเป็นจังหวะ สั่น เฟด และอื่น ๆ
ตัดองค์ประกอบด้วยรูปทรง CSS: สามเหลี่ยม ดาว หกเหลี่ยม และอื่น ๆ
สร้าง CSS Grid แบบเห็นภาพแล้วคัดลอกโค้ด
ลองใช้พร็อพเพอร์ตีทั้งหมดของ flexbox และดูผลลัพธ์ได้ทันที
คำนวณขนาดหัวข้อและข้อความให้สมดุลกันจากอัตราส่วน
แปลงระหว่างพิกเซล rem, em, pt และ vw ตามขนาดฐาน
ดูว่าผู้ที่มีภาวะตาบอดสีแดง เขียว หรือน้ำเงินมองเห็นงานออกแบบของคุณอย่างไร
ดูดสีจากส่วนใดก็ได้บนหน้าจอในคลิกเดียว
สร้างอวาตาร์อักษรย่อพร้อมไล่เฉดสีเป็น PNG หรือ SVG
ออกแบบลายเซ็นอีเมลแบบมืออาชีพสำหรับ Gmail, Outlook และ Apple Mail
สร้างโลโก้ตัวอักษรพร้อมชื่อแบรนด์และสโลแกน เป็น PNG หรือ SVG
สุ่มชุดสี (พาสเทล สีสด โทนเอิร์ธ…) พร้อมล็อกสีที่ชอบได้
ค้นหาชื่อของสี HEX หรือ RGB และค่าที่เทียบเท่า
สร้างสเกลสี 50–950 จากสีแบรนด์สำหรับ Tailwind หรือตัวแปร CSS
สร้างไอคอนทุกขนาดสำหรับ iOS, Android และเว็บจากรูปภาพเดียว
ออกแบบนามบัตรแล้วดาวน์โหลดเป็นแผ่น A4 พร้อมพิมพ์
ใบประกาศนียบัตร ใบเกียรติบัตร และประกาศนียบัตรเป็น PDF
ใบแจ้งหนี้และใบเสนอราคาแบบง่ายเป็น PDF พร้อมรายการ VAT และยอดรวม
สร้างเรซูเม่ด้วยเทมเพลตเรียบร้อยสวยงาม แล้วดาวน์โหลดเป็น PDF
แปลงรูปภาพเป็นสติกเกอร์ WhatsApp (512 × 512 WEBP) พร้อมขอบสีขาว
