ตัวสร้างฟิลเตอร์ CSS

วิธีใช้ ตัวสร้างฟิลเตอร์ CSS

ตัวสร้างฟิลเตอร์ CSS. ปรับฟิลเตอร์และเปรียบเทียบตัวอย่างกับ CSS ที่สร้าง

1. เปลี่ยนสี ข้อความ หรือตัวเลขด้านบน
2. เปรียบเทียบตัวอย่างขณะปรับการตั้งค่า
3. คัดลอกผลลัพธ์หรือดาวน์โหลดลงอุปกรณ์

ตัวสร้างฟิลเตอร์ CSS · ตัวอย่าง

{
  "brightness": 100,
  "contrast": 100,
  "saturate": 100,
  "hue": 0,
  "grayscale": 0,
  "sepia": 0,
  "invert": 0,
  "blur": 0
}

filter: brightness(100%) contrast(100%) saturate(100%) hue-rotate(0deg) grayscale(0%) sepia(0%) invert(0%) blur(0px);

หมายเหตุการใช้งาน

ไฟล์และข้อมูลเข้าประมวลผลในเบราว์เซอร์นี้ ไม่ต้องอัปโหลดหรือมีบัญชี