Cầu vồng từ be sang tím đậm (gradient xuyên tâm)

Gradient xuyên tâm, 56 màu: #fff1c3, #498ba7, #238466, #023140, #571d32. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#fff1c3
#f4edbe
#e4e9ba
#d1e4b7
#bcdeb7
#a5d6b9
#91cdbc
#80c3be
#74b8c0
#6cadbf
#67a3bc
#629bb9
#5c94b4
#548fae
#498ba7
#3d879f
#308496
#22818d
#157f82
#0b7c78
#097a6e
#0c7866
#0f7760
#11765e
#14775d
#197a5e
#1d7d60
#208163
#238466
#25876a
#25896e
#238a71
#208974
#198675
#108073
#047870
#006d6a
#006163
#00545a
#004751
#003c48
#023140
#042838
#062132
#081c2f
#0b192e
#10182f
#161732
#1e1735
#271838
#30193a
#3a1a3a
#431b3a
#4c1c38
#531d35
#571d32

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(95.67% 0.0606 92.81) 0.0%, oklch(94.04% 0.0613 101.00) 1.8%, oklch(91.91% 0.0622 112.37) 3.6%, oklch(89.36% 0.0632 126.17) 5.5%, oklch(86.51% 0.0644 141.62) 7.3%, oklch(83.45% 0.0657 157.98) 9.1%, oklch(80.27% 0.0670 174.47) 10.9%, oklch(77.08% 0.0684 190.34) 12.7%, oklch(73.97% 0.0699 204.82) 14.5%, oklch(71.05% 0.0714 217.15) 16.4%, oklch(68.40% 0.0729 226.56) 18.2%, oklch(66.14% 0.0744 232.30) 20.0%, oklch(64.14% 0.0760 234.14) 21.8%, oklch(62.21% 0.0778 232.76) 23.6%, oklch(60.38% 0.0797 228.75) 25.5%, oklch(58.65% 0.0817 222.70) 27.3%, oklch(57.05% 0.0837 215.21) 29.1%, oklch(55.58% 0.0857 206.86) 30.9%, oklch(54.27% 0.0877 198.26) 32.7%, oklch(53.11% 0.0895 189.99) 34.5%, oklch(52.14% 0.0911 182.65) 36.4%, oklch(51.36% 0.0925 176.83) 38.2%, oklch(50.79% 0.0937 173.13) 40.0%, oklch(50.63% 0.0948 170.94) 41.8%, oklch(51.00% 0.0959 169.28) 43.6%, oklch(51.76% 0.0971 168.15) 45.5%, oklch(52.78% 0.0982 167.54) 47.3%, oklch(53.93% 0.0991 167.48) 49.1%, oklch(55.06% 0.0998 167.95) 50.9%, oklch(56.05% 0.1001 168.95) 52.7%, oklch(56.77% 0.1000 170.50) 54.5%, oklch(57.07% 0.0994 172.59) 56.4%, oklch(56.83% 0.0983 175.23) 58.2%, oklch(55.91% 0.0965 178.41) 60.0%, oklch(54.12% 0.0935 182.23) 61.8%, oklch(51.52% 0.0892 186.74) 63.6%, oklch(48.28% 0.0829 191.88) 65.5%, oklch(44.60% 0.0759 197.60) 67.3%, oklch(40.65% 0.0693 203.86) 69.1%, oklch(36.63% 0.0635 210.58) 70.9%, oklch(32.73% 0.0587 217.74) 72.7%, oklch(29.13% 0.0541 225.16) 74.5%, oklch(26.02% 0.0498 232.94) 76.4%, oklch(23.60% 0.0468 240.98) 78.2%, oklch(22.05% 0.0455 249.21) 80.0%, oklch(21.38% 0.0460 258.27) 81.8%, oklch(21.42% 0.0481 268.58) 83.6%, oklch(22.03% 0.0515 279.82) 85.5%, oklch(23.08% 0.0559 291.62) 87.3%, oklch(24.47% 0.0610 303.65) 89.1%, oklch(26.06% 0.0664 315.56) 90.9%, oklch(27.72% 0.0719 327.01) 92.7%, oklch(29.34% 0.0771 337.64) 94.5%, oklch(30.79% 0.0818 347.12) 96.4%, oklch(31.94% 0.0856 355.10) 98.2%, oklch(32.68% 0.0882 1.23) 100.0%);

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

Đính đá lấp lánh

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