ออกแบบ
เครื่องสร้าง CSS Gradient
เครื่องสร้าง CSS Gradient. ข้อมูลเข้า: 2 colors. ผลลัพธ์: CSS linear-gradient.
เปิดเครื่องมือ เครื่องมือทั้งหมด
เครื่องมือออนไลน์สำหรับ สีและการออกแบบ
แปลงและผสมสี ตรวจสอบคอนทราสต์ สร้างการไล่สีและเอฟเฟ็กต์ CSS และส่งออกชุดสีสำหรับใช้ซ้ำ
สีและการออกแบบGGMET · FREE TOOLS18เครื่องมือ
$0Core features are free
WEBNo software installation
ออกแบบ
เลือกเครื่องมือ
Code and formats
ออกแบบ
แปลงสี HEX, RGB, HSL และ HSV
แปลงสี HEX, RGB, HSL และ HSV. ข้อมูลเข้า: HEX, RGB, HSL, HSV. ผลลัพธ์: color values.
เปิดเครื่องมือ
ออกแบบ
เครื่องสร้าง Radial CSS Gradient
เครื่องสร้าง Radial CSS Gradient. ข้อมูลเข้า: 2 colors. ผลลัพธ์: CSS radial-gradient.
เปิดเครื่องมือ
ออกแบบ
เครื่องสร้าง CSS Gradient หลายสี
เครื่องสร้าง CSS Gradient หลายสี. ข้อมูลเข้า: color stops. ผลลัพธ์: CSS linear-gradient.
เปิดเครื่องมือ
ออกแบบ
ตรวจสอบอัตราส่วนคอนทราสต์ WCAG
ตรวจสอบอัตราส่วนคอนทราสต์ WCAG. ข้อมูลเข้า: foreground + background. ผลลัพธ์: contrast ratio.
เปิดเครื่องมือ
ออกแบบ
เลือกสีข้อความที่อ่านง่าย
เลือกสีข้อความที่อ่านง่าย. ข้อมูลเข้า: background color. ผลลัพธ์: light or dark text choice.
เปิดเครื่องมือ
ออกแบบ
เครื่องสร้างชุดสี
เครื่องสร้างชุดสี. ข้อมูลเข้า: base color. ผลลัพธ์: color palette.
เปิดเครื่องมือ
ออกแบบ
ผสมสีสองสี
ผสมสีสองสี. ข้อมูลเข้า: 2 colors. ผลลัพธ์: mixed color.
เปิดเครื่องมือ
ออกแบบ
สร้างเฉดสีอ่อนและเข้ม
สร้างเฉดสีอ่อนและเข้ม. ข้อมูลเข้า: base color. ผลลัพธ์: lighter and darker shades.
เปิดเครื่องมือ
ออกแบบ
เครื่องสร้าง CSS box-shadow
เครื่องสร้าง CSS box-shadow. ข้อมูลเข้า: CSS parameters. ผลลัพธ์: CSS box-shadow.
เปิดเครื่องมือ
ออกแบบ
เครื่องสร้าง CSS text-shadow
เครื่องสร้าง CSS text-shadow. ข้อมูลเข้า: text + shadow parameters. ผลลัพธ์: CSS text-shadow.
เปิดเครื่องมือ
ออกแบบ
เครื่องสร้าง CSS border-radius
เครื่องสร้าง CSS border-radius. ข้อมูลเข้า: corner values. ผลลัพธ์: CSS border-radius.
เปิดเครื่องมือ
ออกแบบ
เครื่องสร้างฟิลเตอร์ CSS สำหรับรูปภาพ
เครื่องสร้างฟิลเตอร์ CSS สำหรับรูปภาพ. ข้อมูลเข้า: image preview. ผลลัพธ์: CSS filter.
เปิดเครื่องมือ
ออกแบบ
เครื่องสร้างเอฟเฟกต์ Glassmorphism
เครื่องสร้างเอฟเฟกต์ Glassmorphism. ข้อมูลเข้า: background and panel parameters. ผลลัพธ์: CSS.
เปิดเครื่องมือ
ออกแบบ
เครื่องสร้างลวดลายพื้นหลัง CSS
เครื่องสร้างลวดลายพื้นหลัง CSS. ข้อมูลเข้า: colors and pattern settings. ผลลัพธ์: CSS background.
เปิดเครื่องมือ
ออกแบบ
เครื่องสร้างเส้นคั่นส่วน SVG
เครื่องสร้างเส้นคั่นส่วน SVG. ข้อมูลเข้า: shape parameters. ผลลัพธ์: SVG.
เปิดเครื่องมือ
ออกแบบ
สร้างตัวแปร CSS จากชุดสี
สร้างตัวแปร CSS จากชุดสี. ข้อมูลเข้า: palette. ผลลัพธ์: CSS custom properties.
เปิดเครื่องมือ
ออกแบบ
ส่งออกชุดสี
ส่งออกชุดสี. ข้อมูลเข้า: palette. ผลลัพธ์: CSS, JSON, SVG, PNG.
เปิดเครื่องมือเครื่องมือออนไลน์สำหรับ สีและการออกแบบ
ต้องสมัครบัญชีหรือไม่?
ไม่ต้อง ฟังก์ชันพื้นฐานของเครื่องมือใช้งานได้โดยไม่ต้องลงทะเบียน
GGMet บันทึกไฟล์ของฉันหรือไม่?
ไม่ ไฟล์ที่เลือกจะใช้เพื่อสร้างผลลัพธ์ที่ขอเท่านั้น และ GGMet จะไม่บันทึกไฟล์
ขีดจำกัดการประมวลผลขึ้นอยู่กับอะไร?
ขีดจำกัดในการใช้งานจริงขึ้นอยู่กับขนาดไฟล์ งานที่เลือก และหน่วยความจำที่มีในอุปกรณ์