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

Bảng màu Xanh lá đậm, xanh hải quân, tím và nâu

Gradient xuyên tâm, 32 màu: #2c3c34, #60413f, #393a52, #3b3a56, #9b5d45. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#2c3c34
#2f3d32
#343f30
#3b402e
#43412c
#4d412c
#554130
#5c4136
#60413f
#624149
#604250
#5d4256
#574159
#50405a
#483f59
#403d56
#393a52
#33384e
#2f364b
#2c3549
#2b3549
#2d364b
#323850
#3b3a56
#473d5c
#564060
#674461
#77485f
#854d59
#905252
#97584b
#9b5d45

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(33.86% 0.0248 163.12) 0.0%, oklch(34.38% 0.0263 152.47) 3.2%, oklch(35.14% 0.0283 138.28) 6.5%, oklch(36.06% 0.0308 121.33) 9.7%, oklch(37.09% 0.0336 102.37) 12.9%, oklch(38.16% 0.0365 82.15) 16.1%, oklch(39.20% 0.0394 61.45) 19.4%, oklch(40.14% 0.0422 41.01) 22.6%, oklch(40.92% 0.0446 21.59) 25.8%, oklch(41.47% 0.0466 3.96) 29.0%, oklch(41.72% 0.0479 348.87) 32.3%, oklch(41.58% 0.0485 336.24) 35.5%, oklch(40.95% 0.0481 323.90) 38.7%, oklch(39.93% 0.0469 311.95) 41.9%, oklch(38.66% 0.0453 300.70) 45.2%, oklch(37.27% 0.0434 290.46) 48.4%, oklch(35.88% 0.0415 281.54) 51.6%, oklch(34.61% 0.0399 274.24) 54.8%, oklch(33.59% 0.0388 268.87) 58.1%, oklch(32.95% 0.0384 265.74) 61.3%, oklch(32.82% 0.0389 265.16) 64.5%, oklch(33.32% 0.0407 267.54) 67.7%, oklch(34.50% 0.0439 274.32) 71.0%, oklch(36.27% 0.0482 285.10) 74.2%, oklch(38.46% 0.0534 298.94) 77.4%, oklch(40.96% 0.0592 314.87) 80.6%, oklch(43.61% 0.0653 331.97) 83.9%, oklch(46.27% 0.0713 349.27) 87.1%, oklch(48.82% 0.0771 5.83) 90.3%, oklch(51.10% 0.0822 20.71) 93.5%, oklch(52.99% 0.0865 32.95) 96.8%, oklch(54.33% 0.0896 41.60) 100.0%);

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

Gradient nền ứng dụ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