นักพัฒนา
CSS Gradient Builder
สร้าง gradient แบบเชิงเส้นและแบบรัศมีด้วยภาพ
Type
มุม — 135°
Color Stops
⠿
%
⠿
%
ตัวอย่าง
CSS ที่สร้าง
background: linear-gradient(135deg, #e63329 0%, #1a1a1a 100%);
CSS สร้างในเครื่อง
พบปัญหาหรือมีไอเดีย? แจ้งปัญหา
Share
คุณอาจชอบสิ่งนี้ด้วย
- เครื่องเลือกสีเลือกสีใดก็ได้และคัดลอกค่า HEX, RGB และ HSL ทันที
- ตรวจสอบความเปรียบต่างตรวจสอบอัตราส่วนความเปรียบต่าง WCAG AA/AAA ทันที
- สร้างชุดสีสร้างชุดสีที่เข้ากันจากสีหลัก แบบสีตรงข้าม สามสี สีข้างเคียง และอื่น ๆ คัดลอกรหัส HEX ได้ทันที
- ตัวค้นหา JSON Pathตรวจสอบ JSON คัดลอก JSONPath ที่แม่นยำ และทดสอบ path ในเบราว์เซอร์
- เข้ารหัส / ถอดรหัส URLเข้ารหัสและถอดรหัส URL component ในเบราว์เซอร์ของคุณ
- เข้ารหัส / ถอดรหัส Base64เข้ารหัสและถอดรหัสข้อความ Base64 ในเบราว์เซอร์ของคุณ
- สร้าง GUID / UUIDสร้าง UUID และแปลง GUID เป็น short GUID ในเบราว์เซอร์ของคุณ
- ตัวแปลง Unix Timestampแปลง epoch Unix เป็นวันที่/เวลา และกลับกัน 100% client-side
- จัดรูปแบบ JSONจัดรูปแบบ ตรวจสอบ และบีบอัด JSON ทันที คลิกเดียวเพื่อคัดลอก
- ตัวแปล Cronแยกวิเคราะห์บรรทัด crontab แบบเต็มพร้อมคำสั่ง อธิบายตารางเวลา และแสดงเวลาเรียกใช้อีก 5 ครั้งถัดไป
