Developer
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 ทันที
- แยกสีหลักจากภาพอัปโหลดรูปภาพและแยก 5 สีหลักพร้อมค่า HEX และ HSL
- แปลงรูปเป็น ICOแปลง PNG, JPG, WebP และรูปแบบอื่น ๆ เป็นไฟล์ .ico favicon หลายขนาด
- Lorem Ipsum GeneratorGenerate Lorem Ipsum placeholder text by paragraphs, sentences, or words. Copy instantly. 100% client-side.
- ตัวค้นหา JSON Pathตรวจสอบ JSON คัดลอก JSONPath ที่แม่นยำ และทดสอบ path ในเบราว์เซอร์
- URL Encoder Decoderเข้ารหัสและถอดรหัส URL component ในเบราว์เซอร์ของคุณ
- Base64 Encoder Decoderเข้ารหัสและถอดรหัสข้อความ Base64 ในเบราว์เซอร์ของคุณ
- GUID / UUID Generatorสร้าง UUID และแปลง GUID เป็น short GUID ในเบราว์เซอร์ของคุณ
- ตัวแปลง Unix Timestampแปลง epoch Unix เป็นวันที่/เวลา และกลับกัน 100% client-side