Cầu vồng từ nâu vàng sang nâu tông trầm (gradient xuyên tâm)
Gradient xuyên tâm, 64 màu: #ceba7f, #61a8a1, #584f73, #85bdb4, #9d4b35. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #ceba7f
- #caba7f
- #c5ba7e
- #c0bb7f
- #babb7f
- #b3bc81
- #abbc83
- #a3bc86
- #9bbb89
- #92bb8d
- #8ab990
- #82b894
- #7ab697
- #73b39a
- #6db09d
- #67ac9f
- #61a8a1
- #5da3a2
- #5a9ea2
- #5899a2
- #5693a1
- #568ea0
- #56889e
- #56839c
- #567e99
- #577997
- #577494
- #586e90
- #58688b
- #586186
- #585b80
- #585579
- #584f73
- #574b6e
- #57476a
- #564567
- #564466
- #574567
- #57486b
- #594e72
- #5b577c
- #5d6388
- #5f7194
- #62819f
- #6691a9
- #6da1af
- #77b0b3
- #85bdb4
- #94c7b2
- #a3ceaf
- #afd1aa
- #b8d0a3
- #becb99
- #c1c38c
- #c2b97f
- #c2ad71
- #c09f63
- #bc9056
- #b7824b
- #b27442
- #ac673c
- #a65b37
- #a15235
- #9d4b35
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(79.13% 0.0799 91.41) 0.0%, oklch(78.84% 0.0798 94.77) 1.6%, oklch(78.50% 0.0796 98.91) 3.2%, oklch(78.13% 0.0795 103.75) 4.8%, oklch(77.72% 0.0793 109.17) 6.3%, oklch(77.26% 0.0791 115.07) 7.9%, oklch(76.76% 0.0789 121.36) 9.5%, oklch(76.21% 0.0786 127.94) 11.1%, oklch(75.60% 0.0783 134.70) 12.7%, oklch(74.94% 0.0779 141.55) 14.3%, oklch(74.22% 0.0774 148.38) 15.9%, oklch(73.44% 0.0769 155.11) 17.5%, oklch(72.59% 0.0762 161.62) 19.0%, oklch(71.67% 0.0755 167.86) 20.6%, oklch(70.63% 0.0745 174.22) 22.2%, oklch(69.49% 0.0734 180.76) 23.8%, oklch(68.26% 0.0721 187.42) 25.4%, oklch(66.96% 0.0708 194.17) 27.0%, oklch(65.60% 0.0693 200.95) 28.6%, oklch(64.21% 0.0679 207.73) 30.2%, oklch(62.80% 0.0665 214.45) 31.7%, oklch(61.39% 0.0651 221.07) 33.3%, oklch(60.00% 0.0638 227.55) 34.9%, oklch(58.65% 0.0626 233.83) 36.5%, oklch(57.36% 0.0616 239.88) 38.1%, oklch(56.14% 0.0608 245.63) 39.7%, oklch(54.89% 0.0601 251.51) 41.3%, oklch(53.42% 0.0596 258.25) 42.9%, oklch(51.79% 0.0593 265.57) 44.4%, oklch(50.08% 0.0590 273.17) 46.0%, oklch(48.36% 0.0588 280.75) 47.6%, oklch(46.70% 0.0587 287.99) 49.2%, oklch(45.18% 0.0586 294.60) 50.8%, oklch(43.87% 0.0587 300.28) 52.4%, oklch(42.85% 0.0587 304.71) 54.0%, oklch(42.19% 0.0588 307.60) 55.6%, oklch(41.97% 0.0590 308.64) 57.1%, oklch(42.26% 0.0591 307.52) 58.7%, oklch(43.15% 0.0593 303.93) 60.3%, oklch(44.94% 0.0593 297.41) 61.9%, oklch(47.62% 0.0592 288.15) 63.5%, oklch(51.00% 0.0591 276.58) 65.1%, oklch(54.90% 0.0589 263.15) 66.7%, oklch(59.13% 0.0588 248.29) 68.3%, oklch(63.51% 0.0587 232.45) 69.8%, oklch(67.85% 0.0589 216.07) 71.4%, oklch(71.97% 0.0592 199.57) 73.0%, oklch(75.67% 0.0598 183.41) 74.6%, oklch(78.78% 0.0608 168.02) 76.2%, oklch(81.10% 0.0621 153.83) 77.8%, oklch(82.45% 0.0639 141.30) 79.4%, oklch(82.68% 0.0663 130.47) 81.0%, oklch(81.90% 0.0694 120.03) 82.5%, oklch(80.28% 0.0732 109.87) 84.1%, oklch(77.95% 0.0775 100.05) 85.7%, oklch(75.09% 0.0822 90.62) 87.3%, oklch(71.84% 0.0871 81.63) 88.9%, oklch(68.35% 0.0921 73.13) 90.5%, oklch(64.79% 0.0970 65.17) 92.1%, oklch(61.30% 0.1018 57.81) 93.7%, oklch(58.04% 0.1062 51.10) 95.2%, oklch(55.17% 0.1100 45.10) 96.8%, oklch(52.83% 0.1133 39.84) 98.4%, oklch(51.18% 0.1157 35.40) 100.0%);Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
