ลวดลายริ้วและคลื่น

เครื่องมือสีทั้งหมด

ลายริ้ว คลื่น ซิกแซก เชฟรอนและตารางแบบไร้รอยต่อ เลือกสี ความหนาเส้นและมุมได้เอง แล้วคัดลอก CSS หรือดาวน์โหลดไฟล์ SVG, PNG หรือ WebP ฟรี

ฟรี

1เลือกลวดลาย

ทั้งหมด เส้นและคลื่น จุดและวงกลม เรขาคณิต 3D และภาพลวงตา สิ่งทอและงานทอ อิฐและกระเบื้อง ญี่ปุ่น อิสลามและมัวร์ อาร์ตเดโค ชนเผ่าและพื้นบ้าน ธรรมชาติ ไอคอนและสิ่งของ พิกเซลอาร์ต สร้างจากอัลกอริทึม

หัวข้อของคุณอยู่ตรงนี้

ดูว่าลวดลายอยู่หลังเนื้อหาจริงแล้วเป็นอย่างไร

เริ่มต้นใช้งาน
ลวดลาย

แบบสำหรับเริ่มต้น

เลือกหนึ่งแบบเพื่อเปิดในตัวแก้ไข แล้วเปลี่ยนสีและการตั้งค่าได้ตามต้องการ

ซุ้มโค้งสอดประสาน 1 ซุ้มโค้งสอดประสาน 1 ลูกปัด 1 ลูกปัด 1 เส้นประ 1 เส้นประ 1 บล็อกแรเงา 1 บล็อกแรเงา 1 ลายแรเงาไขว้ 1 ลายแรเงาไขว้ 1 ลายโค้งหอยเชลล์ 1 ลายโค้งหอยเชลล์ 1 ส่วนโค้งมุม 1 ส่วนโค้งมุม 1 แถบ 1 แถบ 1 คลื่นเหลี่ยม 1 คลื่นเหลี่ยม 1 ตาราง 1 ตาราง 1 ลายริ้วทแยง 1 ลายริ้วทแยง 1 ซิกแซก 1 ซิกแซก 1

เรียกดูตามคอลเลกชัน

จุดและวงกลม 189 ลวดลาย เรขาคณิต 138 ลวดลาย 3D และภาพลวงตา 99 ลวดลาย สิ่งทอและงานทอ 105 ลวดลาย อิฐและกระเบื้อง 148 ลวดลาย ญี่ปุ่น 33 ลวดลาย อิสลามและมัวร์ 30 ลวดลาย อาร์ตเดโค 47 ลวดลาย ชนเผ่าและพื้นบ้าน 62 ลวดลาย ธรรมชาติ 196 ลวดลาย ไอคอนและสิ่งของ 236 ลวดลาย พิกเซลอาร์ต 152 ลวดลาย สร้างจากอัลกอริทึม 251 ลวดลาย

เกี่ยวกับ ลวดลายริ้วและคลื่น

เส้นเป็นวิธีเพิ่มพื้นผิวให้หน้าเว็บที่ดูสงบที่สุด คอลเลกชันนี้ครอบคลุมลายริ้วและแถบธรรมดา ลายริ้วทแยง คลื่น ซิกแซก เชฟรอน ลายโค้งหอยเชลล์ เส้นประ ตาราง ลายแรเงาไขว้ ระลอกคลื่นและลายถัก คุณจึงเลือกได้ตั้งแต่ลายริ้วเล็ก ๆ เรียบหรูไปจนถึงคลื่นย้อนยุคที่โดดเด่น

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

คำถามที่พบบ่อย

เลือกแบบลายริ้ว ตั้งมุมเป็น 45 องศา แล้วคัดลอก CSS มุมอื่นที่ไม่ใช่ 0, 90, 180 และ 270 องศาจะใช้ SVG ที่เติมเต็มองค์ประกอบ ลายริ้วจึงสม่ำเสมอไม่ว่าจะกว้างเท่าใด

ได้ แถบเลื่อนความหนาของเส้นกำหนดความกว้างของเส้น และแถบเลื่อนระยะห่างกำหนดช่องว่างระหว่างเส้น

เส้นบางในสองสีที่ใกล้กันยังอ่านข้อความได้ชัดเจน ใช้โหมดตัวอย่าง “บนหน้าเว็บ” เพื่อตรวจดูผลลัพธ์ใต้การ์ดจริงก่อนคัดลอกโค้ด
แชร์สิ่งนี้
เครื่องมือที่เกี่ยวข้อง
สร้างการไล่สีจากรูปภาพ
สร้างการไล่สี
ตัวสร้างลวดลาย
ตรวจสอบความคมชัดของสี
ผสมสี
การจับคู่ฟอนต์และไดเรกทอรี Google Fonts
ดึงสีจากรูปภาพ
ตัวจับคู่สี Pantone
เครื่องมือสร้างพาเลตสี
สร้างเฉดสี
วงล้อสีและการจับคู่สี
ส่งออกพาเลตสี
ดึงพาเลตสีจากเว็บไซต์
หน้าจอสีแดงเต็มจอ
พาเลตสีปลอดภัยสำหรับเว็บ
AI สร้างชุดแบรนด์จากรูปภาพ
หน้าจอสีเขียวเต็มจอ
AI สร้างธีมและการไล่สี
หน้าจอสีขาวเต็มจอ
AI สร้างพาเลตแบรนด์
การค้นหายอดนิยม
ลายริ้ว ลายคลื่น svg ลายซิกแซก ลายเชฟรอน พื้นหลังลายริ้ว css พื้นหลังลายคลื่นไร้รอยต่อ ลายตาราง svg ลายริ้วทแยง css
ต้องการความช่วยเหลือ?
พบปัญหากับเครื่องมือนี้หรือไม่? แจ้งทีมงานของเรา
รายงานปัญหา

เพิ่มเครื่องมือฟรีนี้ลงในเว็บไซต์ของคุณเอง: คัดลอกและวางโค้ดด้านล่าง