Xanh hải quân, tím, hồng và be (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #0e0d21, #4715a3, #d237bc, #fbb775, #f6e9c8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0e0d21
#100e2a
#121037
#151047
#181159
#1d116c
#26127e
#331390
#4715a3
#5f16b4
#7917c1
#9419c9
#ab1ccb
#bd20ca
#c727c7
#ce2fc2
#d237bc
#d83fb4
#e049a9
#eb559a
#f86886
#ff8174
#ff9d6d
#fbb775
#f4cb89
#f1d99c
#f0e0ab
#f1e5b5
#f3e7bc
#f4e8c1
#f6e8c5
#f6e9c8

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(17.32% 0.0413 283.36) 0.0%, oklch(18.64% 0.0551 282.41) 3.2%, oklch(20.35% 0.0744 280.67) 6.5%, oklch(22.41% 0.0971 278.78) 9.7%, oklch(24.81% 0.1211 277.37) 12.9%, oklch(27.51% 0.1443 277.09) 16.1%, oklch(30.48% 0.1646 278.57) 19.4%, oklch(33.91% 0.1820 282.40) 22.6%, oklch(38.05% 0.1997 288.38) 25.8%, oklch(42.59% 0.2165 295.77) 29.0%, oklch(47.17% 0.2314 303.83) 32.3%, oklch(51.45% 0.2432 311.80) 35.5%, oklch(55.10% 0.2506 318.94) 38.7%, oklch(57.78% 0.2528 324.48) 41.9%, oklch(59.53% 0.2502 328.29) 45.2%, oklch(60.69% 0.2437 331.31) 48.4%, oklch(61.64% 0.2341 334.52) 51.6%, oklch(62.75% 0.2224 338.94) 54.8%, oklch(64.37% 0.2093 345.55) 58.1%, oklch(66.88% 0.1953 355.50) 61.3%, oklch(70.35% 0.1777 10.06) 64.5%, oklch(74.43% 0.1552 27.70) 67.7%, oklch(78.72% 0.1328 46.39) 71.0%, oklch(82.85% 0.1143 64.12) 74.2%, oklch(86.41% 0.0958 78.87) 77.4%, oklch(89.02% 0.0816 88.65) 80.6%, oklch(90.77% 0.0711 93.52) 83.9%, oklch(91.91% 0.0630 94.94) 87.1%, oklch(92.62% 0.0569 94.07) 90.3%, oklch(93.05% 0.0523 92.06) 93.5%, oklch(93.36% 0.0486 90.07) 96.8%, oklch(93.70% 0.0455 89.27) 100.0%);

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

Gradient màu giả thiên văn

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