มาตราส่วนสำหรับสีเว็บ

ฉันใช้ Google Maps เพื่อแสดงเหตุการณ์ทางประวัติศาสตร์ และต้องการระบายสีเครื่องหมายตามทศวรรษที่เกิดเหตุการณ์ งานนี้จัดขึ้นระหว่างปี 1800 ถึง 2000 (ประมาณ 20 ทศวรรษที่แตกต่างกัน) ฉันต้องการปรับขนาดจากสีเหลืองเป็นสีส้มเป็นสีแดง มีความคิดอะไรบ้าง?

tldr = ต้องการปรับขนาดจากสีเหลืองเป็นสีแดงใน 20 ขั้นตอนใน web rgb

แก้ไข: เป็ด - นี่คือสิ่งที่ฉันทำหลังจากอ่านสิ่งนี้: วิธีรับค่าสีฐานสิบหกแทนที่จะเป็นค่า RGB

http://jsfiddle.net/p6ek6/3/


person Andrew Samuelsen    schedule 04.01.2012    source แหล่งที่มา


คำตอบ (2)


ใช้ HSL แทน เนื่องจากคุณสามารถปรับพารามิเตอร์แรก H สำหรับสีได้ ค่าประมาณ 0 ถึง 50 ควรให้การไล่ระดับสีแดงเหลืองที่สวยงาม

ตัวอย่างสีแดง: hsl(0, 100, 50%);

ตัวอย่างสีเหลือง: hsl(50, 100, 50%);

person Nate B    schedule 04.01.2012
comment
คำตอบนี้เหมือนกับสิ่งที่ฉันทำมากที่สุด รหัสมีประโยชน์ใน jsfiddle ในการแก้ไขคำถามของฉัน - person Andrew Samuelsen; 05.01.2012

นี่เป็นอัตนัย 100% ไม่มีขนาด

ทางออกที่ดีที่สุดของคุณคือการคัดลอกชุดสีจากแผนที่อื่นๆ ที่ผลิตอย่างมืออาชีพ หรือค้นหาแรงบันดาลใจเกี่ยวกับชุดสีจากที่อื่น

ฉันแนะนำให้ใช้ National Geographic หรือออกไปสัมผัสธรรมชาติเพื่อหาแรงบันดาลใจเกี่ยวกับโทนสี

ในสถานการณ์ของคุณ ให้ลองนึกถึงสีทั้งหมดที่คุณเห็นในช่วงฤดูใบไม้ร่วงที่มีใบไม้ร่วงหล่นจากต้นไม้

ฉันหวังว่าคุณจะไม่ต้องพิมพ์สิ่งนี้ด้วยเครื่องพิมพ์สี ไม่เช่นนั้นจะซับซ้อนกว่านี้อีก

person Teddy    schedule 04.01.2012