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

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

Gradient xuyên tâm, 32 màu: #3b2e3e, #0b0c21, #22222f, #3c3f47, #0e3d36. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#3b2e3e
#382b3c
#322739
#2c2236
#251d31
#1e182d
#171329
#100f25
#0b0c21
#070a1f
#05091d
#050a1e
#080d1f
#0d1122
#131626
#1a1c2a
#22222f
#2a2933
#303038
#36363c
#3a3a40
#3d3d42
#3d3e45
#3c3f47
#383f48
#333f49
#2c3f49
#253e46
#1d3e43
#163e3e
#103d3a
#0e3d36

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(32.28% 0.0331 319.92) 0.0%, oklch(31.13% 0.0339 316.80) 3.2%, oklch(29.44% 0.0352 312.45) 6.5%, oklch(27.38% 0.0368 307.17) 9.7%, oklch(25.08% 0.0386 301.30) 12.9%, oklch(22.71% 0.0404 295.13) 16.1%, oklch(20.41% 0.0421 288.99) 19.4%, oklch(18.33% 0.0435 283.18) 22.6%, oklch(16.63% 0.0445 278.02) 25.8%, oklch(15.45% 0.0448 273.82) 29.0%, oklch(14.95% 0.0444 270.89) 32.3%, oklch(15.28% 0.0430 269.66) 35.5%, oklch(16.42% 0.0403 270.41) 38.7%, oklch(18.23% 0.0366 272.67) 41.9%, oklch(20.52% 0.0322 275.93) 45.2%, oklch(23.13% 0.0274 279.70) 48.4%, oklch(25.90% 0.0226 283.46) 51.6%, oklch(28.65% 0.0181 286.72) 54.8%, oklch(31.20% 0.0143 288.95) 58.1%, oklch(33.41% 0.0114 289.67) 61.3%, oklch(35.08% 0.0098 288.36) 64.5%, oklch(36.09% 0.0099 284.50) 67.7%, oklch(36.57% 0.0116 277.74) 71.0%, oklch(36.68% 0.0147 268.57) 74.2%, oklch(36.48% 0.0188 257.59) 77.4%, oklch(36.04% 0.0237 245.41) 80.6%, oklch(35.45% 0.0291 232.65) 83.9%, oklch(34.77% 0.0345 219.91) 87.1%, oklch(34.08% 0.0397 207.81) 90.3%, oklch(33.45% 0.0444 196.97) 93.5%, oklch(32.96% 0.0483 187.99) 96.8%, oklch(32.68% 0.0510 181.49) 100.0%);

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

Gradient Halloween

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