Xanh lá, vàng, cam và hồng cánh sen (gradient hình nón)
Gradient hình nón, 48 màu, góc 0°: #296f2f, #a3b536, #f1ac37, #d74d0b, #8e1767. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #296f2f
- #2f722f
- #367730
- #3e7d31
- #488431
- #528b31
- #5d9331
- #699a31
- #74a030
- #80a62f
- #8bab2f
- #96b032
- #a3b536
- #afba3b
- #bbbf40
- #c6c346
- #d0c64b
- #dac94f
- #e1c951
- #e8c851
- #ecc64e
- #efc14a
- #f1bb44
- #f1b43e
- #f1ac37
- #f0a430
- #ef9b29
- #ed9223
- #ec8a1f
- #ea831c
- #e87a17
- #e57211
- #e2690b
- #df5f06
- #db5606
- #d74d0b
- #d34313
- #ce3a1d
- #ca3227
- #c42a31
- #be233b
- #b71e45
- #af1a4e
- #a71855
- #a0175c
- #981761
- #921765
- #8e1767
CSS
background: conic-gradient(from 0deg in oklch, oklch(48.03% 0.1199 144.84) 0.0%, oklch(49.34% 0.1220 143.61) 2.1%, oklch(51.06% 0.1250 142.06) 4.3%, oklch(53.10% 0.1287 140.25) 6.4%, oklch(55.39% 0.1327 138.20) 8.5%, oklch(57.83% 0.1369 135.96) 10.6%, oklch(60.33% 0.1409 133.57) 12.8%, oklch(62.80% 0.1446 131.05) 14.9%, oklch(65.16% 0.1476 128.46) 17.0%, oklch(67.32% 0.1497 125.82) 19.1%, oklch(69.29% 0.1506 123.15) 21.3%, oklch(71.38% 0.1505 120.35) 23.4%, oklch(73.54% 0.1496 117.42) 25.5%, oklch(75.70% 0.1481 114.37) 27.7%, oklch(77.78% 0.1463 111.22) 29.8%, oklch(79.68% 0.1443 107.98) 31.9%, oklch(81.33% 0.1425 104.67) 34.0%, oklch(82.63% 0.1412 101.31) 36.2%, oklch(83.51% 0.1405 97.91) 38.3%, oklch(83.89% 0.1407 94.49) 40.4%, oklch(83.72% 0.1415 90.94) 42.6%, oklch(83.08% 0.1428 87.27) 44.7%, oklch(82.04% 0.1446 83.49) 46.8%, oklch(80.70% 0.1466 79.66) 48.9%, oklch(79.14% 0.1489 75.82) 51.1%, oklch(77.44% 0.1514 71.99) 53.2%, oklch(75.69% 0.1540 68.21) 55.3%, oklch(73.96% 0.1566 64.54) 57.4%, oklch(72.35% 0.1593 60.99) 59.6%, oklch(70.81% 0.1622 57.65) 61.7%, oklch(69.16% 0.1657 54.54) 63.8%, oklch(67.42% 0.1697 51.60) 66.0%, oklch(65.62% 0.1738 48.73) 68.1%, oklch(63.79% 0.1779 45.88) 70.2%, oklch(61.97% 0.1818 42.96) 72.3%, oklch(60.18% 0.1852 39.90) 74.5%, oklch(58.45% 0.1879 36.62) 76.6%, oklch(56.82% 0.1896 33.04) 78.7%, oklch(55.31% 0.1903 29.05) 80.9%, oklch(53.80% 0.1896 24.37) 83.0%, oklch(52.30% 0.1880 19.13) 85.1%, oklch(50.82% 0.1856 13.55) 87.2%, oklch(49.40% 0.1827 7.85) 89.4%, oklch(48.07% 0.1795 2.24) 91.5%, oklch(46.84% 0.1763 356.96) 93.6%, oklch(45.75% 0.1734 352.23) 95.7%, oklch(44.83% 0.1711 348.26) 97.9%, oklch(44.09% 0.1695 345.27) 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
