Xanh hải quân, xanh lá, nâu vàng và cam (gradient xuyên tâm)

Bảng màu Xanh hải quân, xanh lá, nâu vàng và cam

Gradient xuyên tâm, 32 màu: #25212b, #467657, #b9c670, #f5bb64, #c5633f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#25212b
#262632
#262e3b
#243943
#254447
#2a5049
#335b4c
#3c6851
#467657
#51845e
#5d9062
#6c9c65
#7ca668
#8cb16b
#9cba6e
#abc170
#b9c670
#c7ca70
#d3cc70
#decc6f
#e7cb6e
#eec86c
#f2c268
#f5bb64
#f6b361
#f4aa5d
#f1a059
#ea9354
#e0854e
#d67747
#cc6c42
#c5633f

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(25.59% 0.0193 301.64) 0.0%, oklch(27.45% 0.0224 284.29) 3.2%, oklch(30.00% 0.0266 259.03) 6.5%, oklch(33.07% 0.0318 230.45) 9.7%, oklch(36.45% 0.0377 203.15) 12.9%, oklch(39.97% 0.0443 181.73) 16.1%, oklch(43.67% 0.0520 168.49) 19.4%, oklch(47.81% 0.0612 160.20) 22.6%, oklch(52.15% 0.0711 155.05) 25.8%, oklch(56.48% 0.0806 151.25) 29.0%, oklch(60.55% 0.0887 147.04) 32.3%, oklch(64.29% 0.0948 141.49) 35.5%, oklch(67.98% 0.0995 136.28) 38.7%, oklch(71.52% 0.1032 131.36) 41.9%, oklch(74.76% 0.1062 126.50) 45.2%, oklch(77.56% 0.1089 121.47) 48.4%, oklch(79.80% 0.1115 116.08) 51.6%, oklch(81.65% 0.1134 110.43) 54.8%, oklch(83.09% 0.1148 104.65) 58.1%, oklch(84.09% 0.1160 98.81) 61.3%, oklch(84.60% 0.1174 93.02) 64.5%, oklch(84.57% 0.1191 87.35) 67.7%, oklch(83.97% 0.1213 81.59) 71.0%, oklch(82.86% 0.1236 75.80) 74.2%, oklch(81.30% 0.1259 70.16) 77.4%, oklch(79.38% 0.1280 64.81) 80.6%, oklch(77.16% 0.1298 59.92) 83.9%, oklch(74.14% 0.1313 55.20) 87.1%, oklch(70.45% 0.1325 50.66) 90.3%, oklch(66.66% 0.1336 46.55) 93.5%, oklch(63.33% 0.1344 43.12) 96.8%, oklch(61.02% 0.1350 40.62) 100.0%);

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

Lụa kasavu và vạn thọ

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