Cam sang nâu (tương đồng) tông rực rỡ (gradient xuyên tâm)
Gradient xuyên tâm, 32 màu: #f1ba4a, #e29f00, #c48100, #aa6700, #915100. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
3 keyframe OKLCH chỉnh sửa được.
- #f1ba4a
- #efb846
- #eeb542
- #edb23c
- #ebaf34
- #e9ab2c
- #e7a721
- #e5a311
- #e29f00
- #de9b00
- #db9700
- #d79300
- #d38f00
- #cf8b00
- #cb8700
- #c88400
- #c48100
- #c17d00
- #bd7900
- #b97600
- #b57200
- #b26e00
- #ae6a00
- #aa6700
- #a66300
- #a26000
- #9f5d00
- #9b5a00
- #985700
- #965400
- #935200
- #915100
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(81.89% 0.1406 82.27) 0.0%, oklch(81.32% 0.1417 81.92) 3.2%, oklch(80.63% 0.1433 81.52) 6.5%, oklch(79.84% 0.1452 81.06) 9.7%, oklch(78.95% 0.1474 80.54) 12.9%, oklch(77.99% 0.1498 79.98) 16.1%, oklch(76.96% 0.1523 79.37) 19.4%, oklch(75.87% 0.1549 78.73) 22.6%, oklch(74.74% 0.1558 78.06) 25.8%, oklch(73.58% 0.1537 77.37) 29.0%, oklch(72.40% 0.1517 76.66) 32.3%, oklch(71.21% 0.1496 75.94) 35.5%, oklch(70.04% 0.1476 75.22) 38.7%, oklch(68.88% 0.1456 74.50) 41.9%, oklch(67.75% 0.1437 73.78) 45.2%, oklch(66.66% 0.1419 73.08) 48.4%, oklch(65.62% 0.1402 72.39) 51.6%, oklch(64.53% 0.1384 71.64) 54.8%, oklch(63.39% 0.1366 70.85) 58.1%, oklch(62.21% 0.1347 70.02) 61.3%, oklch(61.00% 0.1328 69.16) 64.5%, oklch(59.79% 0.1310 68.29) 67.7%, oklch(58.58% 0.1291 67.41) 71.0%, oklch(57.38% 0.1272 66.53) 74.2%, oklch(56.22% 0.1255 65.68) 77.4%, oklch(55.09% 0.1238 64.85) 80.6%, oklch(54.03% 0.1221 64.06) 83.9%, oklch(53.03% 0.1206 63.32) 87.1%, oklch(52.12% 0.1193 62.64) 90.3%, oklch(51.30% 0.1180 62.03) 93.5%, oklch(50.59% 0.1169 61.51) 96.8%, oklch(50.00% 0.1160 61.08) 100.0%);Trong các bộ sưu tập này
Gradient cho hero sectionGradient cam
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
