Cầu vồng từ cam sang tím tông trầm (gradient xuyên tâm)
Gradient xuyên tâm, 64 màu: #e48b34, #52784b, #4d3057, #68405a, #b84f6a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #e48b34
- #df8b30
- #d98b2c
- #d28b29
- #cb8a27
- #c28a27
- #b98927
- #b08828
- #a6872b
- #9c852e
- #928431
- #878235
- #7d8039
- #727e3e
- #677c42
- #5d7a47
- #52784b
- #467650
- #397356
- #2c705c
- #1e6c62
- #126768
- #0e626c
- #135c70
- #1d5672
- #274f72
- #304971
- #38436e
- #3e3d6a
- #433965
- #473560
- #4b325b
- #4d3057
- #4f2f53
- #502e51
- #522e4f
- #532f4d
- #54304d
- #56314d
- #57324e
- #58344f
- #5a3650
- #5c3852
- #5e3a53
- #603b55
- #623d57
- #653f59
- #68405a
- #6b415b
- #6f425d
- #74445e
- #794560
- #7f4662
- #844763
- #8a4865
- #904966
- #974a67
- #9d4b68
- #a24c69
- #a84d69
- #ad4e6a
- #b24e6a
- #b54f6a
- #b84f6a
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(71.65% 0.1461 60.47) 0.0%, oklch(71.01% 0.1436 63.07) 1.6%, oklch(70.22% 0.1406 65.93) 3.2%, oklch(69.32% 0.1369 69.06) 4.8%, oklch(68.32% 0.1328 72.46) 6.3%, oklch(67.22% 0.1283 76.17) 7.9%, oklch(66.04% 0.1235 80.18) 9.5%, oklch(64.80% 0.1185 84.53) 11.1%, oklch(63.52% 0.1135 89.21) 12.7%, oklch(62.20% 0.1084 94.25) 14.3%, oklch(60.86% 0.1034 99.66) 15.9%, oklch(59.52% 0.0986 105.45) 17.5%, oklch(58.19% 0.0941 111.64) 19.0%, oklch(56.89% 0.0900 118.25) 20.6%, oklch(55.62% 0.0863 125.28) 22.2%, oklch(54.41% 0.0832 132.76) 23.8%, oklch(53.26% 0.0807 140.72) 25.4%, oklch(52.07% 0.0788 149.75) 27.0%, oklch(50.82% 0.0773 159.92) 28.6%, oklch(49.51% 0.0761 171.05) 30.2%, oklch(48.17% 0.0753 182.94) 31.7%, oklch(46.82% 0.0747 195.42) 33.3%, oklch(45.47% 0.0744 208.29) 34.9%, oklch(44.14% 0.0742 221.36) 36.5%, oklch(42.85% 0.0743 234.45) 38.1%, oklch(41.62% 0.0744 247.36) 39.7%, oklch(40.46% 0.0745 259.91) 41.3%, oklch(39.40% 0.0747 271.92) 42.9%, oklch(38.44% 0.0748 283.18) 44.4%, oklch(37.61% 0.0749 293.52) 46.0%, oklch(36.93% 0.0748 302.75) 47.6%, oklch(36.41% 0.0746 310.67) 49.2%, oklch(36.07% 0.0742 317.16) 50.8%, oklch(35.89% 0.0734 322.48) 52.4%, oklch(35.85% 0.0725 326.78) 54.0%, oklch(35.95% 0.0714 330.18) 55.6%, oklch(36.16% 0.0702 332.78) 57.1%, oklch(36.48% 0.0689 334.71) 58.7%, oklch(36.90% 0.0677 336.06) 60.3%, oklch(37.39% 0.0665 336.96) 61.9%, oklch(37.96% 0.0655 337.52) 63.5%, oklch(38.58% 0.0647 337.84) 65.1%, oklch(39.24% 0.0641 338.04) 66.7%, oklch(39.93% 0.0638 338.24) 68.3%, oklch(40.64% 0.0639 338.53) 69.8%, oklch(41.35% 0.0645 339.04) 71.4%, oklch(42.06% 0.0655 339.88) 73.0%, oklch(42.75% 0.0670 341.16) 74.6%, oklch(43.44% 0.0693 342.85) 76.2%, oklch(44.24% 0.0723 344.61) 77.8%, oklch(45.12% 0.0761 346.44) 79.4%, oklch(46.08% 0.0804 348.30) 81.0%, oklch(47.09% 0.0853 350.17) 82.5%, oklch(48.14% 0.0905 352.05) 84.1%, oklch(49.21% 0.0959 353.91) 85.7%, oklch(50.28% 0.1015 355.74) 87.3%, oklch(51.35% 0.1071 357.51) 88.9%, oklch(52.39% 0.1127 359.21) 90.5%, oklch(53.38% 0.1180 0.82) 92.1%, oklch(54.31% 0.1231 2.33) 93.7%, oklch(55.16% 0.1277 3.71) 95.2%, oklch(55.92% 0.1317 4.95) 96.8%, oklch(56.57% 0.1351 6.03) 98.4%, oklch(57.09% 0.1378 6.93) 100.0%);Trong các bộ sưu tập này
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
