Vàng, đỏ 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: #f3d16c, #d7a32e, #7e2a38, #c7a67b, #8c684b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #f3d16c
- #f1cf68
- #eecc62
- #eac95c
- #e7c555
- #e3bf4d
- #dfb843
- #dbaf39
- #d7a32e
- #d19123
- #c77a1f
- #ba6223
- #a94c2a
- #983a31
- #892d34
- #7f2737
- #7e2a38
- #85353b
- #914640
- #a05b48
- #ae7253
- #ba8962
- #c39b70
- #c7a67b
- #c6a97e
- #c0a57c
- #b89c75
- #ae916c
- #a48461
- #9a7858
- #916f50
- #8c684b
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(87.01% 0.1268 91.41) 0.0%, oklch(86.22% 0.1280 91.27) 3.2%, oklch(85.35% 0.1299 91.59) 6.5%, oklch(84.33% 0.1322 91.99) 9.7%, oklch(83.07% 0.1346 92.12) 12.9%, oklch(81.52% 0.1367 91.62) 16.1%, oklch(79.62% 0.1384 90.12) 19.4%, oklch(77.28% 0.1392 87.26) 22.6%, oklch(74.40% 0.1390 82.62) 25.8%, oklch(70.20% 0.1380 74.73) 29.0%, oklch(64.86% 0.1365 64.11) 32.3%, oklch(58.94% 0.1343 52.00) 35.5%, oklch(53.04% 0.1317 39.69) 38.7%, oklch(47.74% 0.1285 28.43) 41.9%, oklch(43.63% 0.1248 19.49) 45.2%, oklch(41.28% 0.1207 14.14) 48.4%, oklch(41.31% 0.1160 13.62) 51.6%, oklch(44.03% 0.1101 18.06) 54.8%, oklch(48.73% 0.1031 26.18) 58.1%, oklch(54.63% 0.0957 36.64) 61.3%, oklch(60.94% 0.0882 48.06) 64.5%, oklch(66.88% 0.0810 59.11) 67.7%, oklch(71.66% 0.0748 68.42) 71.0%, oklch(74.49% 0.0699 74.64) 74.2%, oklch(74.90% 0.0665 77.11) 77.4%, oklch(73.52% 0.0643 77.14) 80.6%, oklch(70.85% 0.0630 75.40) 83.9%, oklch(67.35% 0.0624 72.47) 87.1%, oklch(63.51% 0.0622 68.95) 90.3%, oklch(59.81% 0.0622 65.43) 93.5%, oklch(56.72% 0.0622 62.50) 96.8%, oklch(54.72% 0.0620 60.76) 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
