ไล่เฉดสีเชิงเส้น สีรุ้งจากน้ำเงินถึงเขียวหัวเป็ดโทนหม่น

พาเลตต์สีสีรุ้งจากน้ำเงินถึงเขียวหัวเป็ดโทนหม่น

ไล่เฉดสีเชิงเส้น 32 สี มุม 90°: #1b3c72, #7e4370, #aa6a3e, #90a55d, #65d2d8 แก้ไขและส่งออกเป็น CSS, SVG, PNG หรือเชดเดอร์

คีย์เฟรม OKLCH ที่แก้ไขได้ 6 อัน

#1b3c72
#273c75
#343c78
#423c7b
#503d7b
#5e3e7a
#6a3f78
#744174
#7e4370
#88456b
#904865
#974c5f
#9e5158
#a35651
#a75c4a
#a96343
#aa6a3e
#aa723a
#a87a38
#a58339
#a28c3e
#9d9446
#979d51
#90a55d
#88ad6b
#80b57a
#76bc8b
#6dc39d
#66c8b0
#62cdc1
#63d0cf
#65d2d8

CSS

background: linear-gradient(90deg in oklch, oklch(36.22% 0.1020 260.16) 0.0%, oklch(37.08% 0.1020 266.33) 3.2%, oklch(38.25% 0.1020 274.83) 6.5%, oklch(39.64% 0.1020 284.91) 9.7%, oklch(41.16% 0.1020 295.85) 12.9%, oklch(42.71% 0.1020 306.92) 16.1%, oklch(44.21% 0.1020 317.38) 19.4%, oklch(45.62% 0.1020 327.05) 22.6%, oklch(47.07% 0.1020 336.74) 25.8%, oklch(48.55% 0.1020 346.47) 29.0%, oklch(50.03% 0.1021 356.20) 32.3%, oklch(51.51% 0.1021 5.95) 35.5%, oklch(52.97% 0.1020 15.68) 38.7%, oklch(54.39% 0.1019 25.40) 41.9%, oklch(55.79% 0.1017 35.11) 45.2%, oklch(57.16% 0.1014 44.83) 48.4%, oklch(58.54% 0.1011 54.54) 51.6%, oklch(59.92% 0.1009 64.26) 54.8%, oklch(61.34% 0.1007 73.97) 58.1%, oklch(62.79% 0.1006 83.69) 61.3%, oklch(64.30% 0.1005 93.41) 64.5%, oklch(65.84% 0.1005 103.12) 67.7%, oklch(67.40% 0.1005 112.84) 71.0%, oklch(68.94% 0.1005 122.55) 74.2%, oklch(70.47% 0.1006 132.27) 77.4%, oklch(71.95% 0.1006 142.01) 80.6%, oklch(73.51% 0.1006 152.61) 83.9%, oklch(75.14% 0.1006 163.86) 87.1%, oklch(76.73% 0.1006 175.01) 90.3%, oklch(78.19% 0.1006 185.30) 93.5%, oklch(79.42% 0.1006 193.98) 96.8%, oklch(80.31% 0.1006 200.27) 100.0%);

อยู่ในคอลเลกชันเหล่านี้

ไล่เฉดสีรุ้งโทนหม่น

พาเลตต์ที่คล้ายกัน คอลเลกชัน ดาวน์โหลด PNG JSON ของพาเลตต์Markdown วิธีการทำงาน