Be, cam, xanh dương và nâu vàng (gradient xuyên tâm)
Gradient xuyên tâm, 32 màu: #f3e4cc, #b63936, #1c5690, #0f131a, #d0a439. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #f3e4cc
- #edd8b9
- #e6c69f
- #ddb180
- #d5985f
- #cd7e42
- #c6642d
- #be4c29
- #b63936
- #ae2e4f
- #a22e6d
- #903789
- #7b429f
- #624da9
- #4855a8
- #30599e
- #1c5690
- #0e4d7b
- #094064
- #0b324c
- #0d2537
- #0d1a27
- #0d141d
- #0f131a
- #171822
- #292333
- #463146
- #6e4253
- #975754
- #b8714a
- #ca8d3e
- #d0a439
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(92.52% 0.0358 81.56) 0.0%, oklch(89.17% 0.0471 77.91) 3.2%, oklch(84.45% 0.0635 73.66) 6.5%, oklch(78.82% 0.0830 68.64) 9.7%, oklch(72.73% 0.1039 62.66) 12.9%, oklch(66.63% 0.1241 55.55) 16.1%, oklch(60.98% 0.1419 47.13) 19.4%, oklch(56.24% 0.1552 37.23) 22.6%, oklch(52.84% 0.1624 25.57) 25.8%, oklch(50.76% 0.1643 10.20) 29.0%, oklch(49.66% 0.1625 351.55) 32.3%, oklch(49.18% 0.1576 331.07) 35.5%, oklch(49.02% 0.1504 310.22) 38.7%, oklch(48.82% 0.1415 290.48) 41.9%, oklch(48.27% 0.1318 273.31) 45.2%, oklch(47.04% 0.1219 260.17) 48.4%, oklch(44.71% 0.1118 252.00) 51.6%, oklch(40.80% 0.0980 246.53) 54.8%, oklch(35.86% 0.0813 243.40) 58.1%, oklch(30.53% 0.0635 242.70) 61.3%, oklch(25.48% 0.0464 244.55) 64.5%, oklch(21.36% 0.0317 249.03) 67.7%, oklch(18.83% 0.0212 256.26) 71.0%, oklch(18.54% 0.0166 266.34) 74.2%, oklch(21.22% 0.0196 280.71) 77.4%, oklch(26.86% 0.0301 301.63) 80.6%, oklch(34.62% 0.0459 327.08) 83.9%, oklch(43.59% 0.0649 354.88) 87.1%, oklch(52.91% 0.0851 22.83) 90.3%, oklch(61.67% 0.1042 48.76) 93.5%, oklch(69.00% 0.1202 70.48) 96.8%, oklch(74.02% 0.1309 85.79) 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
