การไล่ระดับสี CSS ของมหาสมุทร — โค้ดสำเร็จรูป
สร้างการไล่ระดับสี CSS แบบมองเห็นได้: แบบเชิงเส้น แนวรัศมี หรือทรงกรวย แถบเลื่อนมุม และการหยุดสีสูงสุด 6 สีพร้อมการแสดงตัวอย่างแบบเต็มความกว้างแบบสดและโค้ดที่คัดลอกได้
ผลลัพธ์
หน้านี้จะเปิดเครื่องกำเนิดการไล่ระดับสีพร้อมกับโหลด Ocean Fade สำเร็จรูป: Deep Teal #2193b0 ไหลลงสู่ Light Aqua #6dd5ed การแสดงตัวอย่างแบบเต็มความกว้างจะแสดงผลพร้อมกันและบรรทัด CSS พื้นหลังก็พร้อมที่จะคัดลอก
การไล่ระดับสีฟ้าอมฟ้าเป็นตัวเลือกที่ปลอดภัยที่สุดใน UI โดยเป็นการส่งสัญญาณถึงความสงบและความไว้วางใจ ทำให้ข้อความสีขาวและสีเข้มสามารถอ่านได้ที่ปลายทั้งสองข้าง และพอดีกับแดชบอร์ด หน้า Landing Page และแบนเนอร์ของ SaaS ได้ดีพอๆ กัน ป้ายทั้งสองแห่งมีกลุ่มสีโทนเย็นเหมือนกัน ดังนั้นสีผสมจึงดูสะอาดตาตลอดความยาวสี
จัดส่งตามที่เป็นหรือปรับ: เพิ่มมุมให้กว้างขึ้นเพื่อให้ได้เอฟเฟกต์ความลึกในแนวตั้ง หรือเพิ่มจุดหยุดสีขาวใกล้ที่ 100% เพื่อให้แสงขอบฟ้า หากคุณต้องการจับคู่สีทึบสำหรับปุ่มและการเน้น ตัวสร้างชุดสีบนไซต์นี้จะสร้างความสามัคคีจากจุดใดจุดหนึ่ง