Cầu vồng từ xanh lá sang xanh hải quân (gradient xuyên tâm)
Gradient xuyên tâm, 56 màu: #9fc74a, #487c8d, #ba5449, #337780, #2f3f54. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #9fc74a
- #96c655
- #8dc461
- #84c16d
- #7dbd79
- #77b882
- #73b28a
- #71ac8f
- #70a692
- #6f9f93
- #6d9892
- #699291
- #618c8f
- #56848e
- #487c8d
- #3b728d
- #31678e
- #2e5b8f
- #334f90
- #3c428e
- #47368b
- #522c85
- #5e247d
- #6c2175
- #7b226c
- #8c2963
- #9d345a
- #ad4251
- #ba5449
- #c36642
- #c7783e
- #c7893f
- #c19744
- #b6a04c
- #a6a555
- #92a760
- #7ba56b
- #65a075
- #51987c
- #418d81
- #378282
- #337780
- #336c7d
- #356378
- #365c74
- #38576f
- #38526b
- #384e67
- #374b64
- #364861
- #34465e
- #33445b
- #314359
- #304157
- #2f4056
- #2f3f54
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(77.56% 0.1585 125.16) 0.0%, oklch(76.82% 0.1516 128.64) 1.8%, oklch(75.92% 0.1419 132.81) 3.6%, oklch(74.89% 0.1300 137.62) 5.5%, oklch(73.73% 0.1167 143.03) 7.3%, oklch(72.46% 0.1026 148.99) 9.1%, oklch(71.07% 0.0887 155.47) 10.9%, oklch(69.60% 0.0755 162.40) 12.7%, oklch(68.04% 0.0638 169.75) 14.5%, oklch(66.41% 0.0545 177.47) 16.4%, oklch(64.73% 0.0481 185.52) 18.2%, oklch(62.99% 0.0455 193.85) 20.0%, oklch(60.95% 0.0472 202.58) 21.8%, oklch(58.44% 0.0528 211.86) 23.6%, oklch(55.61% 0.0616 221.62) 25.5%, oklch(52.60% 0.0727 231.81) 27.3%, oklch(49.56% 0.0853 242.39) 29.1%, oklch(46.64% 0.0986 253.30) 30.9%, oklch(43.99% 0.1118 264.50) 32.7%, oklch(41.75% 0.1241 275.93) 34.5%, oklch(40.07% 0.1346 287.55) 36.4%, oklch(39.09% 0.1427 299.31) 38.2%, oklch(38.98% 0.1474 311.14) 40.0%, oklch(39.99% 0.1492 323.22) 41.8%, oklch(42.14% 0.1489 335.68) 43.6%, oklch(45.19% 0.1470 348.46) 45.5%, oklch(48.86% 0.1438 1.50) 47.3%, oklch(52.91% 0.1394 14.74) 49.1%, oklch(57.08% 0.1343 28.12) 50.9%, oklch(61.12% 0.1287 41.57) 52.7%, oklch(64.77% 0.1229 55.03) 54.5%, oklch(67.79% 0.1173 68.44) 56.4%, oklch(69.90% 0.1120 81.74) 58.2%, oklch(70.87% 0.1075 94.86) 60.0%, oklch(70.66% 0.1032 108.34) 61.8%, oklch(69.55% 0.0986 122.55) 63.6%, oklch(67.69% 0.0937 137.22) 65.5%, oklch(65.24% 0.0887 152.06) 67.3%, oklch(62.39% 0.0836 166.81) 69.1%, oklch(59.27% 0.0786 181.17) 70.9%, oklch(56.07% 0.0738 194.87) 72.7%, oklch(52.95% 0.0692 207.64) 74.5%, oklch(50.06% 0.0649 219.19) 76.4%, oklch(47.58% 0.0611 229.24) 78.2%, oklch(45.67% 0.0579 237.52) 80.0%, oklch(44.18% 0.0551 243.91) 81.8%, oklch(42.87% 0.0528 248.62) 83.6%, oklch(41.70% 0.0508 251.90) 85.5%, oklch(40.68% 0.0492 253.99) 87.3%, oklch(39.78% 0.0478 255.13) 89.1%, oklch(38.99% 0.0466 255.56) 90.9%, oklch(38.30% 0.0457 255.53) 92.7%, oklch(37.69% 0.0448 255.26) 94.5%, oklch(37.15% 0.0441 255.00) 96.4%, oklch(36.67% 0.0434 255.00) 98.2%, oklch(36.22% 0.0427 255.49) 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
