ห้องสมุดไล่โทนสีพาสเทลแบบใช้มือหยิบ CoolHue

การไล่ระดับสีบนเว็บนั้นมีค่าเล็กน้อยเมื่อเทียบกับโหลในวันนี้เนื่องจาก CSS3 ทำให้ง่ายต่อการสร้างการไล่ระดับสีตั้งแต่เริ่มต้นและด้วยรหัสไลบรารีที่ถูกต้อง.

นั่นคือสิ่งที่คุณค่าของ coolHue เข้ามาห้องสมุดออนไลน์ฟรีนี้อาจเป็นสถานที่ที่ดีที่สุด ค้นหาการไล่ระดับสีที่ยอดเยี่ยมสำหรับเว็บไซต์ของคุณ.

การไล่ระดับสีส่วนใหญ่เป็นไปตามการเลือกสีพาสเทลสองสีหรือสามสีที่สว่างมาก แต่การไล่ระดับสีนั้นง่ายต่อการแก้ไขเพื่อให้คุณสามารถทำงานกับเว็บไซต์เหล่านี้ได้.

จากหน้าหลักมันอาจดูไม่เหมือนมากนัก มันเป็นคอลเลกชันของการไล่ระดับสีที่เลือกด้วยมือซึ่งมีเฉดสีและการเลือกสีที่แตกต่างกัน แต่ถ้าคุณไปที่ repo ของ GitHub คุณจะพบเรื่องราวอื่นทั้งหมด คอลเลกชันนี้เป็นตัวเลือกที่ดีที่สุดสำหรับการค้นหา จานสีส่วนบุคคล, ทั้งหมดออกแบบมาโดยเฉพาะสำหรับเว็บไซต์.

มันง่ายพอที่จะนำพาการไล่ระดับสีเหล่านี้ไปยัง UI แอพมือถือได้เช่นกัน แต่ฉันพบว่ามันมีประโยชน์มากที่สุดกับแนวโน้มการออกแบบรุ่นใหม่เช่นเงา.

เมื่อแก้ไขไซต์ของคุณคุณสามารถ ส่งเฉดสีไปยังอาร์เรย์ที่กำหนดเอง ตัวแปร colorData สิ่งนี้จะปรากฏใน HTML หลักของคุณพร้อมกับองค์ประกอบการไล่ระดับสีทั้งหมดของคุณ.

การใช้ JavaScript คุณสามารถควบคุมการผสมผสานของสีเข้าด้วยกันอย่างสมบูรณ์ CSS3 ยังสามารถรองรับหลายสีได้อีกด้วย แต่มันก็ยากกว่าที่จะทำให้มันทำงานได้ในทุกองค์ประกอบของหน้าและทุกเบราว์เซอร์.

ด้วยไซต์ coolHue คุณสามารถทำได้ ดาวน์โหลดไฟล์ PNG ฟรีของการไล่ระดับสี. วิธีนี้คุณสามารถแก้ไขได้ในโครงการออกแบบกราฟิกจำลองเว็บไซต์หรือใช้นอกรหัส HTML / CSS / JS ดิบ.

และถ้าคุณเป็นผู้ใช้ Photoshop ตัวใหญ่ก็ยังมีไฟล์. grd gradient ที่ไล่ระดับสีได้ทั้งหมด ถูกต้องแล้ว?

เยี่ยมชม GitHub repo สำหรับคำแนะนำในการตั้งค่าและตัวอย่างโค้ด คุณจะพบไฟล์การไล่ระดับสี PS พร้อมกับไฟล์การไล่ระดับสี Sketch และอื่น ๆ อีกมากมาย.