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

เครื่องสร้างเกรเดียนต์

ออกแบบการไล่ระดับสีเชิงเส้นและแนวรัศมีที่สวยงามพร้อมการแสดงตัวอย่าง Canvas แบบเรียลไทม์ คัดลอกโค้ด CSS ทันที

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

🌈 เครื่องสร้างเกรเดียนต์

คู่มือเครื่องกำเนิดการไล่ระดับสี

การไล่ระดับสีคือการเปลี่ยนสีอย่างราบรื่นระหว่างสองสีขึ้นไป การไล่ระดับสีช่วยเพิ่มความลึก มิติ และความน่าสนใจทางภาพให้กับการออกแบบเว็บ องค์ประกอบ UI และภาพประกอบ

เลือกสองสี เลือกมุมไล่ระดับสี และดูผลลัพธ์บน Canvas ได้ทันที คัดลอกโค้ด CSS เพื่อใช้ในโครงการของคุณ

Pro Tips

Frequently Asked Questions

Q: ความแตกต่างระหว่างการไล่ระดับสีเชิงเส้นและรัศมีคืออะไร?
ความแตกต่างระหว่างการไล่ระดับสีเชิงเส้นและรัศมีคืออะไร? การไล่ระดับสีเชิงเส้นจะเปลี่ยนไปตามเส้นตรง ในขณะที่การไล่ระดับสีในแนวรัศมีจะแผ่กระจายจากจุดศูนย์กลาง
Q: ฉันสามารถใช้การไล่ระดับสีใน CSS ได้หรือไ
ฉันสามารถใช้การไล่ระดับสีใน CSS ได้หรือไม่ ใช่ ใช้คุณสมบัติภาพพื้นหลังกับฟังก์ชันการไล่ระดับสีเชิงเส้นหรือการไล่ระดับสีแบบรัศมี
Q: ฉันสามารถสร้างการไล่ระดับสีแบบโปร่งใสได้
ฉันสามารถสร้างการไล่ระดับสีแบบโปร่งใสได้หรือไม่ ใช่ ใช้แถบเลื่อนความทึบหรือแก้ไข CSS ที่คัดลอกด้วยตนเองเพื่อใช้ค่าสี rgba() หรือ hsla() การไล่ระดับสีที่มีความโปร่งใสเหมาะสำหรับการซ้อนทับและเอฟเฟกต์กระจก
Q: ฉันจะทำให้การไล่ระดับสีตอบสนองได้อย่างไร
ฉันจะทำให้การไล่ระดับสีตอบสนองได้อย่างไร CSS ที่สร้างขึ้นทำงานได้กับทุกขนาดคอนเทนเนอร์ สำหรับการไล่ระดับสีแบบเต็มหน้าจอ ให้ใช้การไล่ระดับสีกับเนื้อหาหรือองค์ประกอบ wrapper ใช้พื้นหลังขนาด: ครอบคลุมเพื่อให้ได้ผลลัพธ์ที่ดีที่สุด
Q: ความแตกต่างระหว่างการไล่ระดับสีเชิงเส้นและรัศมีคืออะไร?
ความแตกต่างระหว่างการไล่ระดับสีเชิงเส้นและรัศมีคืออะไร? การไล่ระดับสีเชิงเส้นเป็นเส้นตรง เหมาะสำหรับส่วนหัวและแบนเนอร์ การไล่ระดับสีแบบรัศมีแผ่กระจายจากจุดศูนย์กลาง เหมาะสำหรับเอฟเฟกต์สปอตไลท์และองค์ประกอบแบบวงกลม

สีไทย

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

แดงธงชาติ #A51931

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

ขาวธงชาติ #F4F5F8

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

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

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

เหลืองทอง #FFD700

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

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

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

ชมพูบัว #F4A0B5

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

ส้มจีวร #FF7F00

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

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

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

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

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

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

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

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