Skala untuk warna web

Saya menggunakan peta Google untuk menampilkan peristiwa sejarah dan ingin mewarnai penanda berdasarkan dekade terjadinya suatu peristiwa. Peristiwa ini terjadi antara tahun 1800 dan 2000 (jadi sekitar 20 dekade yang berbeda). Saya ingin menskalakan skala dari kuning ke oranye ke merah. Ada ide?

tldr = ingin mengubah skala dari kuning ke merah dalam 20 langkah di web rgb

EDIT: kawan - inilah yang saya lakukan setelah membaca ini: Bagaimana cara mendapatkan nilai warna hex daripada nilai RGB?

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


person Andrew Samuelsen    schedule 04.01.2012    source sumber


Jawaban (2)


Gunakan HSL sebagai gantinya, karena Anda cukup menyesuaikan parameter pertama H untuk warnanya. Sesuatu di sekitar 0 hingga 50 akan memberi Anda gradien merah-kuning yang bagus.

Contoh merah: hsl(0, 100, 50%);

Contoh kuning: hsl(50, 100, 50%);

person Nate B    schedule 04.01.2012
comment
jawaban ini paling mirip dengan apa yang akhirnya saya lakukan. kode tersedia di jsfiddle saat mengedit pertanyaan saya - person Andrew Samuelsen; 05.01.2012

Ini 100% subjektif. Tidak ada skala.

Pilihan terbaik Anda adalah menyalin skema warna dari peta lain yang diproduksi secara profesional atau mencari inspirasi skema warna di tempat lain.

Saya sarankan menggunakan National Geographic atau sekadar pergi ke alam terbuka untuk mendapatkan inspirasi tentang skema warna.

Dalam situasi Anda, cobalah memikirkan semua warna yang Anda lihat selama musim gugur dengan daun-daun berguguran dari pohon.

Saya harap Anda tidak perlu mencetak ini pada printer berwarna, atau ini akan menjadi lebih rumit.

person Teddy    schedule 04.01.2012