Trắng, nâu vàng và hồng liền mạch (gradient hình nón)
Gradient hình nón, 32 màu, góc 315°: #f7fdf7, #d7edcf, #ffd1a6, #e0c2e1, #f7f8ff. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #f7fdf7
- #f4fbf4
- #eff8f0
- #e9f5ec
- #e4f1e7
- #deeee2
- #d9eddd
- #d6edd7
- #d7edcf
- #dbeec3
- #e5edb6
- #f1eaaa
- #fce6a2
- #ffe1a7
- #ffdcaa
- #ffd7a8
- #ffd1a6
- #fccca9
- #f9c8af
- #f8c5b6
- #f5c2c0
- #f0c0cb
- #e9c0d7
- #e0c2e1
- #d8c6e8
- #d4cbec
- #d4d2f0
- #dadaf4
- #e1e3f8
- #e9ecfc
- #f1f3ff
- #f7f8ff
CSS
background: conic-gradient(from 315deg in oklch, oklch(98.82% 0.0110 144.84) 0.0%, oklch(98.09% 0.0126 146.26) 3.2%, oklch(97.03% 0.0144 148.84) 6.5%, oklch(95.80% 0.0166 151.65) 9.7%, oklch(94.55% 0.0196 153.75) 12.9%, oklch(93.44% 0.0237 154.18) 16.1%, oklch(92.63% 0.0291 152.01) 19.4%, oklch(92.25% 0.0368 146.39) 22.6%, oklch(92.24% 0.0475 137.63) 25.8%, oklch(92.42% 0.0598 126.80) 29.0%, oklch(92.66% 0.0720 114.97) 32.3%, oklch(92.79% 0.0824 103.20) 35.5%, oklch(92.67% 0.0894 92.54) 38.7%, oklch(92.16% 0.0814 83.96) 41.9%, oklch(91.29% 0.0757 77.13) 45.2%, oklch(90.20% 0.0755 71.14) 48.4%, oklch(89.03% 0.0769 65.07) 51.6%, oklch(87.92% 0.0719 58.00) 54.8%, oklch(87.01% 0.0660 49.02) 58.1%, oklch(86.39% 0.0620 37.11) 61.3%, oklch(85.83% 0.0592 21.21) 64.5%, oklch(85.34% 0.0569 2.66) 67.7%, oklch(85.01% 0.0548 343.21) 71.0%, oklch(84.95% 0.0525 324.60) 74.2%, oklch(85.26% 0.0497 308.57) 77.4%, oklch(86.03% 0.0460 296.82) 80.6%, oklch(87.56% 0.0410 289.03) 83.9%, oklch(89.69% 0.0350 283.99) 87.1%, oklch(92.13% 0.0286 280.98) 90.3%, oklch(94.54% 0.0226 279.23) 93.5%, oklch(96.61% 0.0161 278.01) 96.8%, oklch(98.03% 0.0093 276.57) 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
