Tím, hồng, xanh lá và xám (gradient hình nón)
Gradient hình nón, 32 màu, góc 270°: #7c2563, #dc7fba, #bfddc1, #809648, #647283. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
7 keyframe OKLCH chỉnh sửa được.
- #7c2563
- #872768
- #952970
- #a72c79
- #b93282
- #c83d8b
- #d25097
- #d867aa
- #dc7fba
- #e094c3
- #e7a5c4
- #efb1bd
- #f2bfb2
- #ebceb0
- #dddab8
- #cedfc1
- #bfddc1
- #a7d5b6
- #89caa3
- #6bbc8b
- #5ab072
- #5da65d
- #6d9d4f
- #809648
- #918f4b
- #9d8755
- #a28060
- #a0786f
- #947380
- #81728a
- #6f7289
- #647283
CSS
background: conic-gradient(from 270deg in oklch, oklch(42.13% 0.1392 341.72) 0.0%, oklch(44.27% 0.1480 342.90) 3.2%, oklch(47.25% 0.1619 344.62) 6.5%, oklch(50.79% 0.1765 346.57) 9.7%, oklch(54.61% 0.1871 348.45) 12.9%, oklch(58.44% 0.1895 349.98) 16.1%, oklch(62.39% 0.1797 349.42) 19.4%, oklch(66.84% 0.1598 345.85) 22.6%, oklch(71.41% 0.1346 342.45) 25.8%, oklch(75.70% 0.1090 342.45) 29.0%, oklch(79.32% 0.0879 349.09) 32.3%, oklch(82.16% 0.0736 6.28) 35.5%, oklch(84.76% 0.0614 35.04) 38.7%, oklch(86.86% 0.0516 69.53) 41.9%, oklch(88.14% 0.0454 103.56) 45.2%, oklch(88.26% 0.0440 130.96) 48.4%, oklch(86.80% 0.0494 146.75) 51.6%, oklch(83.21% 0.0651 154.88) 54.8%, oklch(78.31% 0.0867 157.47) 58.1%, oklch(73.12% 0.1082 155.74) 61.3%, oklch(68.64% 0.1238 150.91) 64.5%, oklch(65.80% 0.1281 144.10) 67.7%, oklch(64.39% 0.1211 134.77) 71.0%, oklch(63.80% 0.1071 122.37) 74.2%, oklch(63.58% 0.0899 106.66) 77.4%, oklch(63.27% 0.0736 87.36) 80.6%, oklch(62.40% 0.0618 64.11) 83.9%, oklch(60.93% 0.0534 32.07) 87.1%, oklch(59.17% 0.0461 353.15) 90.3%, oklch(57.38% 0.0401 313.24) 93.5%, oklch(55.81% 0.0353 278.23) 96.8%, oklch(54.72% 0.0317 254.01) 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
