Xanh hải quân, xanh dương và tím (tương đồng) (gradient xuyên tâm)
Gradient xuyên tâm, 32 màu: #211f58, #5b4cbd, #9071ff, #6e48bc, #361b5c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
3 keyframe OKLCH chỉnh sửa được.
- #211f58
- #25225f
- #2a2668
- #302b73
- #37307f
- #3f378e
- #483e9d
- #5145ad
- #5b4cbd
- #6453cc
- #6e5adb
- #7760e9
- #7f65f5
- #8669ff
- #8b6fff
- #8f72ff
- #9071ff
- #906dff
- #8e67fe
- #8a62f4
- #855ce8
- #7e56db
- #764fcc
- #6e48bc
- #6640ad
- #5d399d
- #55328f
- #4d2c81
- #452775
- #3f226a
- #3a1e62
- #361b5c
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(27.95% 0.1006 279.84) 0.0%, oklch(29.44% 0.1054 280.19) 3.2%, oklch(31.44% 0.1119 280.61) 6.5%, oklch(33.87% 0.1197 281.09) 9.7%, oklch(36.65% 0.1287 281.62) 12.9%, oklch(39.69% 0.1385 282.21) 16.1%, oklch(42.90% 0.1488 282.83) 19.4%, oklch(46.18% 0.1595 283.49) 22.6%, oklch(49.46% 0.1701 284.18) 25.8%, oklch(52.64% 0.1803 284.88) 29.0%, oklch(55.65% 0.1901 285.59) 32.3%, oklch(58.38% 0.1989 286.31) 35.5%, oklch(60.75% 0.2066 287.02) 38.7%, oklch(62.68% 0.2129 287.72) 41.9%, oklch(64.07% 0.2056 288.40) 45.2%, oklch(64.84% 0.2015 289.04) 48.4%, oklch(64.90% 0.2019 289.67) 51.6%, oklch(64.26% 0.2071 290.32) 54.8%, oklch(63.01% 0.2145 290.99) 58.1%, oklch(61.23% 0.2090 291.69) 61.3%, oklch(59.01% 0.2020 292.40) 64.5%, oklch(56.42% 0.1939 293.12) 67.7%, oklch(53.57% 0.1849 293.83) 71.0%, oklch(50.53% 0.1753 294.53) 74.2%, oklch(47.40% 0.1654 295.22) 77.4%, oklch(44.25% 0.1555 295.88) 80.6%, oklch(41.17% 0.1457 296.50) 83.9%, oklch(38.25% 0.1365 297.09) 87.1%, oklch(35.59% 0.1281 297.62) 90.3%, oklch(33.25% 0.1207 298.10) 93.5%, oklch(31.33% 0.1147 298.52) 96.8%, oklch(29.92% 0.1102 298.87) 100.0%);Trong các bộ sưu tập này
Gradient xanh chàmGradient tím
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
