Tím đậm, cam và be tông ấm (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #2a0118, #6a1e49, #b85132, #d19d43, #f3debb. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#2a0118
#2e021b
#340420
#3b0626
#430a2c
#4c0f34
#55143b
#5f1942
#6a1e49
#74244f
#7e2952
#882e53
#933352
#9e394d
#a73f46
#b0483d
#b85132
#bd5c26
#c1671a
#c47211
#c77e14
#ca8820
#cd9231
#d19d43
#d6a756
#dbb168
#e0ba7a
#e5c38a
#e9cc99
#edd3a7
#f1d9b2
#f3debb

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(18.90% 0.0758 350.86) 0.0%, oklch(20.27% 0.0789 350.80) 3.2%, oklch(22.03% 0.0831 350.33) 6.5%, oklch(24.11% 0.0881 349.63) 9.7%, oklch(26.45% 0.0937 348.89) 12.9%, oklch(28.97% 0.0997 348.29) 16.1%, oklch(31.62% 0.1057 348.02) 19.4%, oklch(34.32% 0.1116 348.26) 22.6%, oklch(37.02% 0.1171 349.19) 25.8%, oklch(39.64% 0.1218 350.99) 29.0%, oklch(42.13% 0.1257 353.86) 32.3%, oklch(44.46% 0.1287 358.10) 35.5%, oklch(46.79% 0.1317 4.01) 38.7%, oklch(49.11% 0.1345 11.26) 41.9%, oklch(51.44% 0.1371 19.48) 45.2%, oklch(53.76% 0.1392 28.29) 48.4%, oklch(56.08% 0.1407 37.31) 51.6%, oklch(58.41% 0.1416 46.17) 54.8%, oklch(60.73% 0.1416 54.49) 58.1%, oklch(63.06% 0.1406 61.89) 61.3%, oklch(65.38% 0.1385 68.00) 64.5%, oklch(67.72% 0.1351 72.49) 67.7%, oklch(70.20% 0.1295 75.73) 71.0%, oklch(72.83% 0.1221 78.01) 74.2%, oklch(75.52% 0.1133 79.50) 77.4%, oklch(78.23% 0.1035 80.35) 80.6%, oklch(80.87% 0.0933 80.72) 83.9%, oklch(83.39% 0.0831 80.75) 87.1%, oklch(85.73% 0.0734 80.61) 90.3%, oklch(87.81% 0.0648 80.45) 93.5%, oklch(89.57% 0.0576 80.42) 96.8%, oklch(90.94% 0.0524 80.68) 100.0%);

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

Gradient lửa

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