Hồng, nâu, xanh hải quân và đỏ (gradient xuyên tâm)

Gradient xuyên tâm, 56 màu: #b05787, #ed7e54, #5b3f65, #21424b, #fc4059. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#b05787
#b55886
#bc5a85
#c55c83
#ce5f7f
#d8627b
#e16576
#e96970
#f06e69
#f57263
#f8755d
#f8785a
#f67a57
#f27c55
#ed7e54
#e67f55
#df8056
#d78058
#ce7f5b
#c67c5e
#be7960
#b57562
#ad7064
#a56965
#9a6166
#8c5867
#7d4f68
#6c4667
#5b3f65
#493961
#38345c
#282f56
#1b2d50
#102b4b
#072b47
#022d45
#022f43
#053242
#0c3542
#143944
#1b3d47
#21424b
#264751
#294c58
#2a5161
#2c566c
#315a7c
#3e5d8f
#535ea0
#6f5cae
#8d57b2
#ac51ad
#c84b9d
#df4488
#f04070
#fc4059

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(57.87% 0.1295 348.05) 0.0%, oklch(58.70% 0.1318 350.71) 1.8%, oklch(59.88% 0.1353 354.34) 3.6%, oklch(61.31% 0.1396 358.72) 5.5%, oklch(62.91% 0.1444 3.62) 7.3%, oklch(64.60% 0.1495 8.84) 9.1%, oklch(66.29% 0.1543 14.15) 10.9%, oklch(67.89% 0.1586 19.34) 12.7%, oklch(69.31% 0.1621 24.19) 14.5%, oklch(70.47% 0.1644 28.48) 16.4%, oklch(71.28% 0.1651 32.01) 18.2%, oklch(71.65% 0.1640 34.54) 20.0%, oklch(71.66% 0.1606 36.63) 21.8%, oklch(71.44% 0.1551 38.81) 23.6%, oklch(71.00% 0.1480 40.89) 25.5%, oklch(70.35% 0.1396 42.69) 27.3%, oklch(69.50% 0.1304 44.02) 29.1%, oklch(68.45% 0.1208 44.69) 30.9%, oklch(67.22% 0.1112 44.50) 32.7%, oklch(65.81% 0.1020 43.26) 34.5%, oklch(64.24% 0.0937 40.79) 36.4%, oklch(62.51% 0.0867 36.89) 38.2%, oklch(60.63% 0.0813 31.37) 40.0%, oklch(58.35% 0.0775 23.51) 41.8%, oklch(55.50% 0.0746 13.08) 43.6%, oklch(52.23% 0.0726 0.61) 45.5%, oklch(48.70% 0.0713 346.68) 47.3%, oklch(45.04% 0.0705 331.81) 49.1%, oklch(41.40% 0.0701 316.57) 50.9%, oklch(37.94% 0.0698 301.51) 52.7%, oklch(34.79% 0.0696 287.17) 54.5%, oklch(32.11% 0.0693 274.10) 56.4%, oklch(30.05% 0.0686 262.86) 58.2%, oklch(28.74% 0.0675 254.00) 60.0%, oklch(28.17% 0.0654 246.69) 61.8%, oklch(28.16% 0.0621 239.88) 63.6%, oklch(28.65% 0.0581 233.72) 65.5%, oklch(29.55% 0.0538 228.35) 67.3%, oklch(30.79% 0.0496 223.95) 69.1%, oklch(32.31% 0.0460 220.67) 70.9%, oklch(34.02% 0.0433 218.66) 72.7%, oklch(35.85% 0.0421 218.08) 74.5%, oklch(37.73% 0.0426 219.10) 76.4%, oklch(39.58% 0.0455 221.86) 78.2%, oklch(41.34% 0.0510 226.52) 80.0%, oklch(43.21% 0.0601 234.18) 81.8%, oklch(45.39% 0.0730 245.31) 83.6%, oklch(47.80% 0.0887 259.18) 85.5%, oklch(50.37% 0.1065 275.03) 87.3%, oklch(53.01% 0.1256 292.12) 89.1%, oklch(55.64% 0.1452 309.69) 90.9%, oklch(58.17% 0.1644 327.00) 92.7%, oklch(60.53% 0.1825 343.31) 94.5%, oklch(62.64% 0.1986 357.86) 96.4%, oklch(64.40% 0.2120 9.90) 98.2%, oklch(65.75% 0.2219 18.69) 100.0%);

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