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

Gradient xuyên tâm, 32 màu: #160d1e, #6b1e59, #c96b4d, #e0bb83, #f4dfc3. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#160d1e
#1b0f24
#22112b
#2a1433
#34163c
#401845
#4e1a4d
#5c1c54
#6b1e59
#7a225c
#88265e
#952d5d
#a2365a
#ae4156
#b94e52
#c25c4f
#c96b4d
#ce7a4f
#d28854
#d5965c
#d7a166
#daab6f
#ddb379
#e0bb83
#e3c28d
#e6c797
#e9cda0
#ecd1a9
#eed5b1
#f0d9b8
#f2dcbe
#f4dfc3

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(18.11% 0.0358 307.27) 0.0%, oklch(19.62% 0.0427 309.66) 3.2%, oklch(21.54% 0.0524 312.54) 6.5%, oklch(23.78% 0.0642 315.86) 9.7%, oklch(26.31% 0.0773 319.62) 12.9%, oklch(29.05% 0.0910 323.77) 16.1%, oklch(31.95% 0.1046 328.31) 19.4%, oklch(34.95% 0.1174 333.19) 22.6%, oklch(37.99% 0.1286 338.39) 25.8%, oklch(41.00% 0.1375 343.89) 29.0%, oklch(43.93% 0.1435 349.67) 32.3%, oklch(46.81% 0.1460 355.92) 35.5%, oklch(49.87% 0.1459 3.26) 38.7%, oklch(53.08% 0.1435 11.45) 41.9%, oklch(56.38% 0.1393 20.20) 45.2%, oklch(59.71% 0.1338 29.21) 48.4%, oklch(63.01% 0.1273 38.19) 51.6%, oklch(66.23% 0.1203 46.83) 54.8%, oklch(69.31% 0.1131 54.84) 58.1%, oklch(72.18% 0.1062 61.94) 61.3%, oklch(74.80% 0.1000 67.81) 64.5%, oklch(77.12% 0.0948 72.20) 67.7%, oklch(79.23% 0.0895 75.25) 71.0%, oklch(81.17% 0.0839 77.21) 74.2%, oklch(82.96% 0.0780 78.27) 77.4%, oklch(84.58% 0.0721 78.62) 80.6%, oklch(86.06% 0.0663 78.44) 83.9%, oklch(87.39% 0.0607 77.92) 87.1%, oklch(88.58% 0.0556 77.25) 90.3%, oklch(89.63% 0.0510 76.62) 93.5%, oklch(90.55% 0.0471 76.20) 96.8%, oklch(91.34% 0.0441 76.19) 100.0%);

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

Gradient đen và vàng kim Bảng màu lãng mạ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