Tím, hồng, tím oải hương và xanh hải quân (gradient hình nón)
Gradient hình nón, 64 màu, góc 300°: #1f0d27, #ec5e7c, #ffdeda, #8282eb, #050f20. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #1f0d27
- #25102d
- #2e1335
- #38173f
- #441b4a
- #512055
- #602561
- #702a6c
- #812f77
- #923480
- #a33987
- #b33e8c
- #c2448f
- #ce498e
- #da4f8b
- #e45685
- #ec5e7c
- #f26773
- #f6716a
- #f87b63
- #f8865e
- #f7905d
- #f6995f
- #f5a164
- #f5a96c
- #f6af75
- #f8b47f
- #fbba8c
- #ffc19b
- #ffc8ae
- #ffd0bf
- #ffd7ce
- #ffdeda
- #ffe4e3
- #ffe8eb
- #ffebef
- #ffebf2
- #fdeaf3
- #fae7f2
- #f6e1f1
- #f1d8ef
- #e9cdee
- #dec0ee
- #d1b4ee
- #c0a7ef
- #ad9aef
- #988eee
- #8282eb
- #6b78e6
- #556ee0
- #4065d7
- #2d5dcc
- #1b56bf
- #0a4daf
- #00459e
- #003e8b
- #00367a
- #012e6a
- #04275a
- #05214b
- #061b3d
- #071631
- #061228
- #050f20
CSS
background: conic-gradient(from 300deg in oklch, oklch(20.08% 0.0551 315.00) 0.0%, oklch(21.95% 0.0614 316.49) 1.6%, oklch(24.35% 0.0701 318.21) 3.2%, oklch(27.20% 0.0805 320.14) 4.8%, oklch(30.40% 0.0924 322.29) 6.3%, oklch(33.87% 0.1051 324.66) 7.9%, oklch(37.52% 0.1183 327.26) 9.5%, oklch(41.26% 0.1313 330.07) 11.1%, oklch(45.00% 0.1438 333.10) 12.7%, oklch(48.67% 0.1553 336.35) 14.3%, oklch(52.17% 0.1652 339.82) 15.9%, oklch(55.41% 0.1732 343.51) 17.5%, oklch(58.31% 0.1786 347.42) 19.0%, oklch(60.80% 0.1812 351.64) 20.6%, oklch(63.06% 0.1814 356.90) 22.2%, oklch(65.16% 0.1796 3.14) 23.8%, oklch(67.11% 0.1760 10.09) 25.4%, oklch(68.93% 0.1710 17.48) 27.0%, oklch(70.64% 0.1649 25.03) 28.6%, oklch(72.25% 0.1578 32.48) 30.2%, oklch(73.79% 0.1501 39.55) 31.7%, oklch(75.26% 0.1420 45.96) 33.3%, oklch(76.68% 0.1339 51.45) 34.9%, oklch(78.07% 0.1259 55.74) 36.5%, oklch(79.45% 0.1183 58.56) 38.1%, oklch(80.82% 0.1115 59.64) 39.7%, oklch(82.29% 0.1048 58.81) 41.3%, oklch(83.95% 0.0967 56.31) 42.9%, oklch(85.73% 0.0876 52.35) 44.4%, oklch(87.57% 0.0721 47.16) 46.0%, oklch(89.39% 0.0582 40.96) 47.6%, oklch(91.12% 0.0465 33.96) 49.2%, oklch(92.69% 0.0371 26.39) 50.8%, oklch(94.02% 0.0300 18.46) 52.4%, oklch(95.05% 0.0251 10.40) 54.0%, oklch(95.69% 0.0226 2.43) 55.6%, oklch(95.89% 0.0228 354.77) 57.1%, oklch(95.57% 0.0235 347.65) 58.7%, oklch(94.65% 0.0255 341.24) 60.3%, oklch(93.05% 0.0314 334.83) 61.9%, oklch(90.83% 0.0414 328.10) 63.5%, oklch(88.07% 0.0544 321.15) 65.1%, oklch(84.88% 0.0698 314.10) 66.7%, oklch(81.33% 0.0867 307.04) 68.3%, oklch(77.53% 0.1043 300.10) 69.8%, oklch(73.56% 0.1219 293.37) 71.4%, oklch(69.52% 0.1385 286.96) 73.0%, oklch(65.49% 0.1534 280.98) 74.6%, oklch(61.57% 0.1658 275.54) 76.2%, oklch(57.85% 0.1749 270.75) 77.8%, oklch(54.42% 0.1799 266.71) 79.4%, oklch(51.27% 0.1801 263.52) 81.0%, oklch(48.03% 0.1760 261.15) 82.5%, oklch(44.71% 0.1684 259.48) 84.1%, oklch(41.35% 0.1563 258.47) 85.7%, oklch(37.99% 0.1403 257.94) 87.3%, oklch(34.69% 0.1275 257.83) 88.9%, oklch(31.48% 0.1153 257.95) 90.5%, oklch(28.43% 0.0997 258.35) 92.1%, oklch(25.56% 0.0844 258.86) 93.7%, oklch(22.93% 0.0701 259.39) 95.2%, oklch(20.59% 0.0575 259.83) 96.8%, oklch(18.57% 0.0472 260.08) 98.4%, oklch(16.93% 0.0400 260.05) 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
