Xanh hải quân, hồng, xanh lá và cam (gradient hình nón)
Gradient hình nón, 80 màu, góc 225°: #11283f, #8e65dd, #ffb571, #b6ea54, #fe9470. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #11283f
- #122a43
- #142d48
- #162f4e
- #183254
- #1b355b
- #1e3962
- #223c6a
- #274073
- #2c437c
- #324785
- #394b8e
- #404e98
- #4852a2
- #5055ac
- #5958b5
- #635cbe
- #6d5ec7
- #7861cf
- #8363d6
- #8e65dd
- #9a67e2
- #a668e6
- #b269e9
- #bd6aeb
- #c96aeb
- #d46ae9
- #e06ae5
- #eb6adf
- #f669d7
- #ff6dcc
- #ff79be
- #ff83b2
- #ff8ba8
- #ff93a0
- #ff9a98
- #ffa092
- #ffa58b
- #ffab84
- #ffb07c
- #ffb571
- #ffb963
- #ffbe4d
- #ffc314
- #f7ca00
- #edd100
- #e3d800
- #d8de00
- #cce400
- #c1e928
- #b6ec3f
- #aeef4e
- #a7f158
- #a3f35f
- #a1f363
- #a2f364
- #a4f263
- #a9f05f
- #afee5b
- #b6ea54
- #bde74c
- #c5e344
- #cdde3b
- #d5d932
- #ddd329
- #e4ce23
- #eac81f
- #f0c221
- #f5bc26
- #f9b62d
- #fcb135
- #feac3e
- #ffa849
- #ffa453
- #ffa05b
- #ff9d61
- #ff9a65
- #ff9869
- #ff956c
- #fe9470
CSS
background: conic-gradient(from 225deg in oklch, oklch(27.17% 0.0524 249.61) 0.0%, oklch(28.06% 0.0556 251.03) 1.3%, oklch(29.10% 0.0594 252.52) 2.5%, oklch(30.28% 0.0639 254.10) 3.8%, oklch(31.58% 0.0688 255.75) 5.1%, oklch(33.00% 0.0742 257.49) 6.3%, oklch(34.53% 0.0801 259.32) 7.6%, oklch(36.14% 0.0862 261.25) 8.9%, oklch(37.84% 0.0927 263.27) 10.1%, oklch(39.61% 0.0995 265.39) 11.4%, oklch(41.44% 0.1065 267.62) 12.7%, oklch(43.31% 0.1136 269.97) 13.9%, oklch(45.23% 0.1208 272.42) 15.2%, oklch(47.17% 0.1281 274.99) 16.5%, oklch(49.12% 0.1354 277.69) 17.7%, oklch(51.08% 0.1427 280.51) 19.0%, oklch(53.03% 0.1498 283.46) 20.3%, oklch(54.96% 0.1568 286.54) 21.5%, oklch(56.86% 0.1636 289.77) 22.8%, oklch(58.73% 0.1701 293.13) 24.1%, oklch(60.54% 0.1764 296.64) 25.3%, oklch(62.28% 0.1822 300.30) 26.6%, oklch(63.96% 0.1877 304.12) 27.8%, oklch(65.54% 0.1927 308.09) 29.1%, oklch(67.04% 0.1971 312.23) 30.4%, oklch(68.42% 0.2011 316.53) 31.6%, oklch(69.69% 0.2044 321.00) 32.9%, oklch(70.84% 0.2071 325.75) 34.2%, oklch(71.97% 0.2094 331.09) 35.4%, oklch(73.06% 0.2113 336.99) 36.7%, oklch(74.12% 0.2051 343.39) 38.0%, oklch(75.15% 0.1787 350.24) 39.2%, oklch(76.15% 0.1581 357.47) 40.5%, oklch(77.11% 0.1423 5.03) 41.8%, oklch(78.04% 0.1305 12.85) 43.0%, oklch(78.93% 0.1219 20.88) 44.3%, oklch(79.79% 0.1162 29.05) 45.6%, oklch(80.61% 0.1131 37.32) 46.8%, oklch(81.40% 0.1127 45.61) 48.1%, oklch(82.14% 0.1150 53.87) 49.4%, oklch(82.85% 0.1206 62.04) 50.6%, oklch(83.52% 0.1304 70.06) 51.9%, oklch(84.15% 0.1460 77.87) 53.2%, oklch(84.74% 0.1708 85.41) 54.4%, oklch(85.29% 0.1746 92.62) 55.7%, oklch(85.79% 0.1781 99.45) 57.0%, oklch(86.26% 0.1838 105.84) 58.2%, oklch(86.67% 0.1915 111.72) 59.5%, oklch(87.05% 0.2008 117.04) 60.8%, oklch(87.38% 0.2022 121.73) 62.0%, oklch(87.66% 0.2007 125.75) 63.3%, oklch(87.90% 0.1993 129.02) 64.6%, oklch(88.09% 0.1979 131.49) 65.8%, oklch(88.23% 0.1966 133.10) 67.1%, oklch(88.28% 0.1951 133.84) 68.4%, oklch(88.24% 0.1935 133.77) 69.6%, oklch(88.12% 0.1916 132.94) 70.9%, oklch(87.92% 0.1896 131.42) 72.2%, oklch(87.65% 0.1874 129.25) 73.4%, oklch(87.32% 0.1850 126.51) 74.7%, oklch(86.92% 0.1826 123.24) 75.9%, oklch(86.48% 0.1800 119.50) 77.2%, oklch(85.99% 0.1774 115.37) 78.5%, oklch(85.46% 0.1747 110.88) 79.7%, oklch(84.90% 0.1720 106.11) 81.0%, oklch(84.31% 0.1692 101.10) 82.3%, oklch(83.71% 0.1664 95.93) 83.5%, oklch(83.09% 0.1637 90.64) 84.8%, oklch(82.47% 0.1609 85.30) 86.1%, oklch(81.85% 0.1582 79.96) 87.3%, oklch(81.24% 0.1556 74.68) 88.6%, oklch(80.64% 0.1531 69.53) 89.9%, oklch(80.06% 0.1485 64.56) 91.1%, oklch(79.51% 0.1440 59.82) 92.4%, oklch(79.00% 0.1412 55.38) 93.7%, oklch(78.52% 0.1395 51.29) 94.9%, oklch(78.09% 0.1388 47.62) 96.2%, oklch(77.72% 0.1386 44.42) 97.5%, oklch(77.41% 0.1388 41.75) 98.7%, oklch(77.17% 0.1378 39.67) 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
