Loading
ปรับมุมโค้งแต่ละด้านเป็นพิกเซลหรือเปอร์เซ็นต์ แล้วคัดลอก CSS
ดีไซน์border-radius: 24px;
ใช้ slider เพื่อตั้งค่า radius สำหรับแต่ละมุมอย่างอิสระหรือทั้งหมดพร้อมกัน
สลับเป็นโหมด percent สำหรับการโค้งสัมพัทธ์หรือ px สำหรับค่าพิกเซลคงที่
ตัวอย่างจะอัปเดตแบบเรียลไทม์บนรูปทรงตัวอย่าง
คัดลอก CSS border-radius declaration และวางในสไตล์ชีทของคุณ
สร้าง border-radius ที่สมบูรณ์แบบสำหรับปุ่มทรงยา, badge โค้งมน และ tag chip ได้อย่างรวดเร็ว
ปรับมุมโค้งของ component การ์ด modal และกล่อง tooltip ให้ตรงกับ design system ของคุณ
ตั้งค่าอิสระสำหรับแต่ละจุดควบคุม 8 จุดเพื่อสร้างรูปทรง blob ที่ไม่สมมาตรและเป็นธรรมชาติ ยอดนิยมในการออกแบบเว็บสมัยใหม่
สร้างค่า border-radius แบบวงกลม (50%) หรือ squircle สำหรับรูปโปรไฟล์และ container avatar
Border Radius Generator ให้คุณออกแบบค่า CSS border-radius สำหรับมุมโค้งแบบภาพ — จากการโค้งที่เรียบง่ายและสม่ำเสมอไปจนถึงรูปทรง blob ที่ซับซ้อน — และคัดลอก CSS ได้ทันที
พบข้อมูลผิดหรือผลลัพธ์ไม่ตรง? แจ้งทีมพร้อมขั้นตอนและตัวอย่างที่ไม่มีข้อมูลลับ
เลือกสีและคัดลอกค่า HEX, RGB, HSL และรูปแบบอื่นที่แสดง
ปรับจุดสีของ gradient แบบเส้นหรือรัศมี แล้วคัดลอก CSS
สร้างเงา CSS หลายชั้นพร้อมปรับตำแหน่ง ความเบลอ การกระจาย สี และ inset
สร้างชุดสีจากสีตั้งต้นและรูปแบบความสัมพันธ์สี แล้วคัดลอกค่าสี
ดูตารางสี Tailwind ที่มีในเครื่องมือและคัดลอกค่าสีหรือ utility
จำลองพื้นที่ที่อาจถูกบังบนรูปแนวตั้งสำหรับ TikTok, Reels หรือ Shorts