Cầu vồng từ nâu sang xanh lá (gradient hình nón)

Gradient hình nón, 32 màu, góc 135°: #a95403, #3f1027, #163f6a, #5b9fa3, #bcd0a0. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

6 keyframe OKLCH chỉnh sửa được.

#a95403
#9f4c0b
#90420f
#7e3711
#6d2c13
#5d2216
#511a19
#48141f
#3f1027
#350f2f
#2b1037
#21133e
#181843
#121f49
#102852
#11335d
#163f6a
#1d4d77
#235a83
#27688c
#2e7694
#3b849a
#4a929f
#5b9fa3
#6baaa7
#79b4aa
#86bcaa
#92c3a9
#9ec8a6
#aacba3
#b4cea1
#bcd0a0

CSS

background: conic-gradient(from 135deg in oklch, oklch(53.94% 0.1350 53.44) 0.0%, oklch(51.22% 0.1290 50.95) 3.2%, oklch(47.32% 0.1203 48.24) 6.5%, oklch(42.75% 0.1101 44.74) 9.7%, oklch(38.05% 0.0997 39.89) 12.9%, oklch(33.77% 0.0905 33.14) 16.1%, oklch(30.43% 0.0836 23.92) 19.4%, oklch(28.10% 0.0798 11.01) 22.6%, oklch(26.11% 0.0779 353.79) 25.8%, oklch(24.57% 0.0774 334.09) 29.0%, oklch(23.60% 0.0779 313.79) 32.3%, oklch(23.34% 0.0788 294.78) 35.5%, oklch(23.92% 0.0797 278.96) 38.7%, oklch(25.52% 0.0804 267.85) 41.9%, oklch(28.33% 0.0821 260.51) 45.2%, oklch(32.06% 0.0843 255.67) 48.4%, oklch(36.35% 0.0865 252.10) 51.6%, oklch(40.85% 0.0881 248.61) 54.8%, oklch(45.22% 0.0886 243.97) 58.1%, oklch(49.21% 0.0875 237.15) 61.3%, oklch(53.33% 0.0842 229.03) 64.5%, oklch(57.62% 0.0796 220.16) 67.7%, oklch(61.87% 0.0744 210.80) 71.0%, oklch(65.90% 0.0694 201.20) 74.2%, oklch(69.54% 0.0653 191.61) 77.4%, oklch(72.61% 0.0631 182.25) 80.6%, oklch(75.19% 0.0626 172.13) 83.9%, oklch(77.40% 0.0633 161.29) 87.1%, oklch(79.26% 0.0648 150.51) 90.3%, oklch(80.80% 0.0665 140.52) 93.5%, oklch(82.06% 0.0680 132.10) 96.8%, oklch(83.07% 0.0689 126.00) 100.0%);

Trong các bộ sưu tập này

Đồng cải dầu dưới trời giông

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động