↔️ ชุดเครื่องมือเดียว
ทุกงานออกแบบ

เครื่องคำนวณ Clamp

สร้างตัวพิมพ์ลื่นไหลด้วย CSS clamp() กำหนดขนาดต่ำสุด ที่ต้องการ และสูงสุด — รับสูตร clamp() ที่สมบูรณ์แบบพร้อมตัวอย่างสเกลภาพ

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

↔️ เครื่องคำนวณ Clamp

คู่มือฟังก์ชัน Clamp

clamp() คือฟังก์ชันคณิตศาสตร์ใน CSS ที่กำหนดค่าระหว่างค่าต่ำสุดและสูงสุด: clamp(MIN, VAL, MAX) คืนค่า VAL ตราบใดที่อยู่ระหว่าง MIN กับ MAX — เมื่อ VAL ต่ำกว่า MIN จะคืน MIN และเมื่อสูงกว่า MAX จะคืน MAX ทำให้ตัวพิมพ์ลื่นไหลเป็นไปได้โดยไม่ต้องใช้ media query

ตั้งขนาดฟอนต์ต่ำสุดและสูงสุด พร้อมช่วงวิวพอร์ตที่เกิดการปรับขนาด เครื่องมือจะคำนวณสูตรแบบ vw ที่สมบูรณ์และแสดงตัวอย่างขนาดฟอนต์ที่ความกว้างวิวพอร์ตหกค่า พร้อมเส้นโค้งแสดงการเปลี่ยนแปลงของขนาดตลอดช่วง

Pro Tips

Frequently Asked Questions

Q: clamp() ใน CSS ทำอะไร?
clamp() ใน CSS ทำอะไร? clamp(MIN, VAL, MAX) เลือกค่าระหว่าง MIN กับ MAX หาก VAL เล็กกว่า MIN จะคืน MIN หากใหญ่กว่า MAX จะคืน MAX ไม่เช่นนั้นคืน VAL เหมาะสำหรับขนาดลื่นไหลที่ไม่เล็กหรือใหญ่เกินไป
Q: clamp() ต่างจาก min() และ max() อย่างไร?
clamp() ต่างจาก min() และ max() อย่างไร? min() เลือกค่าน้อยที่สุด max() เลือกค่ามากที่สุด และ clamp() รวมทั้งสอง: ยึดค่ากลางไว้ระหว่างขอบล่างและขอบบน clamp() คือหัวใจของตัวพิมพ์ลื่นไหล
Q: clamp() รองรับในทุกเบราว์เซอร์ไหม?
clamp() รองรับในทุกเบราว์เซอร์ไหม? รองรับ clamp(), min(), max() ในเบราว์เซอร์สมัยใหม่ทั้งหมดตั้งแต่ปี 2020 (Chrome 79+, Firefox 75+, Safari 13.1+)
Q: ควรใช้ขนาดวิวพอร์ตเท่าไรสำหรับตัวพิมพ์ลื่นไหล?
ควรใช้ขนาดวิวพอร์ตเท่าไรสำหรับตัวพิมพ์ลื่นไหล? ช่วงทั่วไปคือ 320px-1200px สำหรับเว็บทั่วไป หรือ 360px-768px สำหรับโปรเจกต์ mobile-first เมื่อเกิน vmax ขนาดจะคงที่ที่ค่าสูงสุด — เป็นเจตนา
Q: ใช้ clamp() กับระยะห่างได้ไหม?
ใช้ clamp() กับระยะห่างได้ไหม? ได้ แพดดิ้งและช่องว่างลื่นไหลใช้สูตรเดียวกัน: clamp(16px, 4vw, 48px) ระยะห่างลื่นไหลรักษาจังหวะระหว่างอุปกรณ์โดยไม่ต้องใช้ media query เพิ่ม

สีไทย

จากสีธงไตรรงค์ถึงสีจีวรพระ สีไทยสะท้อนพุทธศาสนา พระมหากษัตริย์ และธรรมชาติเขตร้อน สีแต่ละสีมีความหมายเชิงสัญลักษณ์ที่ลึกซึ้งในวัฒนธรรมไทย

แดงธงชาติ #A51931

สีแดงของธงไตรรงค์ — ชาติ ศาสนา พระมหากษัตริย์

ขาวธงชาติ #F4F5F8

สีขาวของธง — ศาสนาและความบริสุทธิ์

น้ำเงินธงชาติ #2D2A4A

สีน้ำเงินของธง — พระมหากษัตริย์

เหลืองทอง #FFD700

สีทองของวัดและพระบรมมหาราชวัง

เขียวใบไม้ #228B22

ความอุดมสมบูรณ์ของธรรมชาติเมืองร้อน

ชมพูบัว #F4A0B5

ดอกบัวสีชมพู — สัญลักษณ์ของพุทธศาสนา

ส้มจีวร #FF7F00

สีจีวรของพระสงฆ์ — ความเรียบง่ายและการละวาง

ฟ้าน้ำทะเล #00A3AF

ท้องทะเลอันดามันและอ่าวไทย

ม่วงอัญชัน #6A4C93

สีของดอกอัญชัน — ใช้ย้อมขนมไทยโบราณ

เขียวมรกต #50C878

สีพระแก้วมรกต — พระพุทธรูปศักดิ์สิทธิ์

Q: สีธงชาติไทยมีสีอะไรบ้าง?
สีธงชาติไทยมีสีอะไรบ้าง? ธงไตรรงค์ประกอบด้วย แดง (#A51931) หมายถึงชาติ, ขาว (#F4F5F8) หมายถึงศาสนา, และน้ำเงิน (#2D2A4A) หมายถึงพระมหากษัตริย์
Q: สีจีวรพระคือสีอะไร?
สีจีวรพระคือสีอะไร? สีจีวรของพระสงฆ์ไทยเป็นสีส้มอมเหลือง (#FF7F00) หรือสีแก่นขนุน สื่อถึงความเรียบง่าย สันโดษ และการละวางทางโลก