Xanh dương nhạt, xanh cổ vịt, xanh lá đậm và đen (gradient xuyên tâm)

Bảng màu Xanh dương nhạt, xanh cổ vịt, xanh lá đậm và đen

Gradient xuyên tâm, 32 màu: #a0f9de, #60c4a5, #178160, #0e462b, #051608. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#a0f9de
#9bf4d9
#95efd4
#8ee9cd
#86e3c6
#7edcbf
#74d4b6
#6accae
#60c4a5
#56bb9c
#4cb393
#42aa8a
#38a281
#2e9978
#259170
#1d8968
#178160
#137959
#107151
#0e6849
#0e5f41
#0e5739
#0e4e32
#0e462b
#0d3e25
#0c361f
#0b2f1a
#0a2915
#092311
#071e0d
#061a0b
#051608

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(91.73% 0.0937 172.97) 0.0%, oklch(90.40% 0.0943 172.76) 3.2%, oklch(88.80% 0.0953 172.55) 6.5%, oklch(86.96% 0.0965 172.32) 9.7%, oklch(84.89% 0.0980 172.07) 12.9%, oklch(82.65% 0.0996 171.80) 16.1%, oklch(80.24% 0.1013 171.51) 19.4%, oklch(77.71% 0.1030 171.19) 22.6%, oklch(75.07% 0.1046 170.83) 25.8%, oklch(72.37% 0.1060 170.43) 29.0%, oklch(69.63% 0.1072 169.99) 32.3%, oklch(66.87% 0.1081 169.51) 35.5%, oklch(64.14% 0.1086 168.97) 38.7%, oklch(61.45% 0.1086 168.38) 41.9%, oklch(58.83% 0.1081 167.73) 45.2%, oklch(56.32% 0.1069 167.01) 48.4%, oklch(53.91% 0.1051 166.22) 51.6%, oklch(51.40% 0.1024 165.27) 54.8%, oklch(48.77% 0.0989 164.19) 58.1%, oklch(46.06% 0.0947 163.00) 61.3%, oklch(43.30% 0.0900 161.73) 64.5%, oklch(40.51% 0.0849 160.38) 67.7%, oklch(37.74% 0.0794 159.00) 71.0%, oklch(35.00% 0.0738 157.60) 74.2%, oklch(32.33% 0.0682 156.21) 77.4%, oklch(29.76% 0.0626 154.85) 80.6%, oklch(27.32% 0.0572 153.54) 83.9%, oklch(25.04% 0.0521 152.31) 87.1%, oklch(22.95% 0.0474 151.19) 90.3%, oklch(21.08% 0.0433 150.19) 93.5%, oklch(19.45% 0.0399 149.34) 96.8%, oklch(18.11% 0.0372 148.66) 100.0%);

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

Gradient rừ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