สร้าง color schemes ออนไลน์

 เดือนธันวาคม 2564 ที่ผ่านมา Google Sites ได้มีการพัฒนาระบบการสร้างงานโดยผู้สร้างสามารถ ออกแบบธีม (Themes)  นับเป็นปัจจัยสำคัญของการพัฒนา  Google Sites  โดยความเป็นจริงการออกแบบเว็บที่ดี มักจะใช้รูปแบบฉากหน้า ฉากหลังและโทนสี อยู่ในชุดเดียวกันเสมอ แต่บางครั้งการวางรูปกราฟิกหรือสีพิ้นฉากหลังที่จะให้ผสมกลมกลืนกับธีม (Themes) ของ Google Sites พื้นฐานที่มีเพียง 6 รูปแบบ ค่อนข้างเป็นเรื่องยาก

แต่ในบางครั้ง ออกแบบภาพหัวเว็บไว้เรียบร้อย ส่วน Body ของหน้าเว็บต้องการออกแบบชุดสีหรือ Color Palettes หรือ color schemes ซึ่ง มีเว็บไซต์ที่สามารถออกแบบออนไลน์ได้

1.ไปที่เว็บ https://coolors.co/

2.ที่เมนูรายการเลือก more 

3.จะเกิดรายการย่อยต่างๆ เลือก Pick palette from photo 

4.จะเกิดหน้าเว็บ ให้เลือกรายการ Pick palette from photo  เมื่อเลือกแล้วจะเกิดหน้า  Image picker 

5.คลิกที่ปุ่ม Browse an image เพื่อดำเนินการนำภาพเข้า

6.ตรงตัวเลือก Upload image จะเกิดกรอบรายการ(Browse or drop image) เพื่อนำภาพขึ้นมาที่หน้าเว็บ ทำการ คลิกบริเวณนี้ หรือลากภาพที่ต้องการ test สี   ซึ่งตรงส่วนนี้ จะมีตัวเลือกอื่นอีก 3 ส่วน คือ ภาพจากเว็บ ก็เลือก URL หรือ ภาพจากกล้อง หรือ จากการ ค้นหา(Search)

7.เป็นส่วนซุ่มค่าชุดสี อัตโนมัติ

8.เป็นส่วนกำหนดจำนวนค่าชุดสีซึ่งท่านสามารถจะเพิ่ม หรือลดจำนวนชุดสีจากค่าเดิม 5 สี ได้

9.ท่านสามารถเลือกค่าสีเองได้ โดยนำเมาส์คลิกที่ช่องสี แล้วนำไปคลิกเลือกในรูป 

10.คลิกที่ปุ่ม Export เลือกรายการย่อย Open in the generator

11.จะได้แถบสี พร้อม รหัสค่าสี เพื่อนำไปใช้ใน Google Sites ได้