ไล่เฉดสีเชิงมุม สีรุ้งแบบไร้รอยต่อ

ไล่เฉดสีเชิงมุม 32 สี มุม 135°: #2d3f7a, #469275, #d89b3b, #ac4c56, #2e3d7b แก้ไขและส่งออกเป็น CSS, SVG, PNG หรือเชดเดอร์

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

#2d3f7a
#2b4b81
#285b89
#286c8f
#2b7b92
#2f8591
#328c8a
#398f80
#469275
#58976b
#6f9e64
#89a65e
#a3ac58
#b9ae52
#c8ab4b
#d2a442
#d89b3b
#db9136
#db8537
#d67839
#cd6b3b
#c25e3f
#b85348
#ac4c56
#9d4965
#8c4870
#7c4877
#6c467a
#5c437c
#4b417d
#3b3e7c
#2e3d7b

CSS

background: conic-gradient(from 135deg in oklch, oklch(38.58% 0.1020 268.59) 0.0%, oklch(41.55% 0.0983 260.20) 3.2%, oklch(45.87% 0.0929 248.27) 6.5%, oklch(50.55% 0.0874 234.45) 9.7%, oklch(54.61% 0.0835 220.39) 12.9%, oklch(57.18% 0.0824 207.20) 16.1%, oklch(58.57% 0.0834 193.58) 19.4%, oklch(59.44% 0.0858 179.67) 22.6%, oklch(60.42% 0.0892 165.89) 25.8%, oklch(62.12% 0.0929 152.60) 29.0%, oklch(65.01% 0.0974 139.49) 32.3%, oklch(68.50% 0.1029 126.51) 35.5%, oklch(71.79% 0.1086 114.07) 38.7%, oklch(74.06% 0.1142 102.57) 41.9%, oklch(74.77% 0.1197 92.38) 45.2%, oklch(74.40% 0.1256 83.41) 48.4%, oklch(73.22% 0.1313 75.19) 51.6%, oklch(71.50% 0.1358 67.24) 54.8%, oklch(69.45% 0.1383 59.19) 58.1%, oklch(66.64% 0.1392 52.00) 61.3%, oklch(63.26% 0.1387 45.19) 64.5%, oklch(59.78% 0.1367 37.62) 67.7%, oklch(56.68% 0.1330 28.17) 71.0%, oklch(54.19% 0.1261 15.79) 74.2%, oklch(51.99% 0.1158 1.01) 77.4%, oklch(49.97% 0.1050 345.27) 80.6%, oklch(48.00% 0.0964 330.05) 83.9%, oklch(45.94% 0.0929 316.41) 87.1%, oklch(43.69% 0.0944 302.67) 90.3%, oklch(41.47% 0.0985 289.51) 93.5%, oklch(39.54% 0.1031 278.29) 96.8%, oklch(38.19% 0.1061 270.36) 100.0%);

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

พาเลตต์สีสี่เส้า

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