ไล่เฉดสีเชิงเส้น น้ำเงินถึงเขียว (ดูโอโทน)โทนสด

ไล่เฉดสีเชิงเส้น 32 สี มุม 90°: #63a7ed, #60b5b2, #67b754, #63ae06, #5f9c0a แก้ไขและส่งออกเป็น CSS, SVG, PNG หรือเชดเดอร์

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

#63a7ed
#5fa9e8
#5dace1
#5eaed9
#60b0d0
#63b1c8
#64b3c1
#62b4ba
#60b5b2
#5eb6a8
#5eb79d
#61b790
#65b783
#69b778
#6ab76c
#69b760
#67b754
#65b747
#64b63b
#64b52d
#65b321
#65b216
#64b00d
#63ae06
#63ac01
#62aa00
#62a700
#62a500
#61a200
#609f03
#5f9d07
#5f9c0a

CSS

background: linear-gradient(90deg in oklch, oklch(71.26% 0.1240 250.31) 0.0%, oklch(71.36% 0.1185 246.18) 3.2%, oklch(71.51% 0.1103 240.63) 6.5%, oklch(71.69% 0.1008 233.98) 9.7%, oklch(71.85% 0.0916 226.57) 12.9%, oklch(71.98% 0.0842 218.70) 16.1%, oklch(72.05% 0.0802 210.69) 19.4%, oklch(72.03% 0.0803 202.21) 22.6%, oklch(71.96% 0.0832 192.46) 25.8%, oklch(71.84% 0.0883 182.10) 29.0%, oklch(71.69% 0.0950 171.86) 32.3%, oklch(71.52% 0.1028 162.44) 35.5%, oklch(71.34% 0.1111 154.58) 38.7%, oklch(71.15% 0.1199 148.82) 41.9%, oklch(70.95% 0.1309 144.70) 45.2%, oklch(70.74% 0.1434 141.83) 48.4%, oklch(70.50% 0.1562 139.83) 51.6%, oklch(70.22% 0.1680 138.36) 54.8%, oklch(69.90% 0.1776 137.04) 58.1%, oklch(69.53% 0.1841 135.62) 61.3%, oklch(69.10% 0.1880 134.57) 64.5%, oklch(68.62% 0.1901 133.94) 67.7%, oklch(68.10% 0.1907 133.59) 71.0%, oklch(67.55% 0.1904 133.40) 74.2%, oklch(66.99% 0.1895 133.23) 77.4%, oklch(66.42% 0.1873 132.95) 80.6%, oklch(65.76% 0.1846 132.67) 83.9%, oklch(65.04% 0.1819 132.45) 87.1%, oklch(64.30% 0.1793 132.28) 90.3%, oklch(63.60% 0.1762 132.14) 93.5%, oklch(63.02% 0.1730 132.04) 96.8%, oklch(62.60% 0.1709 131.96) 100.0%);

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

พาเลตต์สีมรกต ไล่เฉดสีน้ำเงินและเขียว

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