Be, đỏ nâu, nâu vàng và nâu tông ấm (gradient xuyên tâm)
Gradient xuyên tâm, 32 màu: #fff0d6, #7c2537, #a97724, #c9a97d, #2b0c14. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #fff0d6
- #f4dec1
- #e4c4a5
- #d2a487
- #bd836c
- #a86257
- #944748
- #84323e
- #7c2537
- #7c2230
- #812629
- #893020
- #923e16
- #9b4f0d
- #a1600d
- #a66d17
- #a97724
- #af8234
- #b68f45
- #be9a57
- #c5a466
- #caab73
- #ccad7b
- #c9a97d
- #c09e77
- #af8b6b
- #99725a
- #805849
- #653f37
- #4d2928
- #39171c
- #2b0c14
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(96.06% 0.0382 82.28) 0.0%, oklch(91.11% 0.0456 75.73) 3.2%, oklch(83.94% 0.0556 65.98) 6.5%, oklch(75.35% 0.0675 54.32) 9.7%, oklch(66.20% 0.0803 42.04) 12.9%, oklch(57.30% 0.0930 30.42) 16.1%, oklch(49.50% 0.1045 20.78) 19.4%, oklch(43.61% 0.1137 14.39) 22.6%, oklch(40.43% 0.1197 12.55) 25.8%, oklch(39.79% 0.1232 15.63) 29.0%, oklch(41.03% 0.1251 22.54) 32.3%, oklch(43.66% 0.1254 32.03) 35.5%, oklch(47.19% 0.1246 42.89) 38.7%, oklch(51.12% 0.1228 53.88) 41.9%, oklch(54.95% 0.1203 63.76) 45.2%, oklch(58.20% 0.1173 71.30) 48.4%, oklch(60.66% 0.1139 75.71) 51.6%, oklch(63.67% 0.1090 78.84) 54.8%, oklch(67.08% 0.1028 81.03) 58.1%, oklch(70.47% 0.0959 82.22) 61.3%, oklch(73.42% 0.0887 82.36) 64.5%, oklch(75.51% 0.0816 81.38) 67.7%, oklch(76.29% 0.0752 79.25) 71.0%, oklch(75.36% 0.0700 75.90) 74.2%, oklch(72.09% 0.0660 70.75) 77.4%, oklch(66.25% 0.0628 62.91) 80.6%, oklch(58.59% 0.0601 53.20) 83.9%, oklch(49.91% 0.0579 42.48) 87.1%, oklch(41.01% 0.0562 31.65) 90.3%, oklch(32.67% 0.0547 21.58) 93.5%, oklch(25.69% 0.0535 13.15) 96.8%, oklch(20.87% 0.0524 7.24) 100.0%);Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
