Xám, tím đậm, xanh dương và xanh hải quân (gradient xuyên tâm)
Gradient xuyên tâm, 64 màu: #756d85, #38313f, #2b2859, #123075, #161941. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #756d85
- #726b83
- #706980
- #6d667c
- #696278
- #665e73
- #625a6e
- #5d5669
- #595264
- #554e5f
- #50495a
- #4c4554
- #47414f
- #433c4b
- #3f3846
- #3b3542
- #38313f
- #352e3b
- #322b39
- #2f2937
- #2e2736
- #2c2535
- #2b2435
- #2b2336
- #2b2238
- #2b223a
- #2b223d
- #2b2341
- #2b2345
- #2c244a
- #2c254f
- #2b2754
- #2b2859
- #2a2a5e
- #292b63
- #282d68
- #262e6d
- #243071
- #213175
- #1e3278
- #1b337a
- #19347b
- #16347c
- #14347c
- #13337b
- #12327a
- #123178
- #123075
- #132e72
- #132d6f
- #142b6c
- #152968
- #162764
- #172660
- #17245c
- #172258
- #182154
- #181f50
- #181e4d
- #171c4a
- #171b47
- #171a44
- #171942
- #161941
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(55.12% 0.0372 298.83) 0.0%, oklch(54.37% 0.0369 299.04) 1.6%, oklch(53.45% 0.0364 299.38) 3.2%, oklch(52.36% 0.0357 299.82) 4.8%, oklch(51.14% 0.0348 300.34) 6.3%, oklch(49.79% 0.0338 300.93) 7.9%, oklch(48.34% 0.0327 301.56) 9.5%, oklch(46.81% 0.0315 302.23) 11.1%, oklch(45.21% 0.0304 302.92) 12.7%, oklch(43.58% 0.0292 303.60) 14.3%, oklch(41.92% 0.0282 304.26) 15.9%, oklch(40.26% 0.0272 304.88) 17.5%, oklch(38.62% 0.0263 305.45) 19.0%, oklch(37.02% 0.0256 305.94) 20.6%, oklch(35.48% 0.0251 306.34) 22.2%, oklch(34.01% 0.0249 306.64) 23.8%, oklch(32.64% 0.0249 306.81) 25.4%, oklch(31.39% 0.0252 306.84) 27.0%, oklch(30.27% 0.0259 306.70) 28.6%, oklch(29.32% 0.0269 306.39) 30.2%, oklch(28.54% 0.0284 305.89) 31.7%, oklch(27.95% 0.0303 305.17) 33.3%, oklch(27.57% 0.0329 304.17) 34.9%, oklch(27.37% 0.0362 302.88) 36.5%, oklch(27.33% 0.0401 301.31) 38.1%, oklch(27.44% 0.0446 299.49) 39.7%, oklch(27.67% 0.0496 297.48) 41.3%, oklch(28.02% 0.0551 295.29) 42.9%, oklch(28.46% 0.0608 292.96) 44.4%, oklch(28.98% 0.0667 290.52) 46.0%, oklch(29.56% 0.0729 288.00) 47.6%, oklch(30.19% 0.0791 285.45) 49.2%, oklch(30.84% 0.0852 282.88) 50.8%, oklch(31.50% 0.0913 280.34) 52.4%, oklch(32.15% 0.0972 277.86) 54.0%, oklch(32.78% 0.1029 275.46) 55.6%, oklch(33.36% 0.1082 273.19) 57.1%, oklch(33.89% 0.1131 271.07) 58.7%, oklch(34.34% 0.1174 269.14) 60.3%, oklch(34.70% 0.1212 267.43) 61.9%, oklch(34.95% 0.1243 265.97) 63.5%, oklch(35.06% 0.1267 264.81) 65.1%, oklch(35.04% 0.1281 263.96) 66.7%, oklch(34.88% 0.1288 263.41) 68.3%, oklch(34.63% 0.1287 263.11) 69.8%, oklch(34.28% 0.1280 263.05) 71.4%, oklch(33.85% 0.1266 263.19) 73.0%, oklch(33.35% 0.1247 263.52) 74.6%, oklch(32.79% 0.1223 264.02) 76.2%, oklch(32.18% 0.1195 264.66) 77.8%, oklch(31.53% 0.1163 265.42) 79.4%, oklch(30.84% 0.1129 266.28) 81.0%, oklch(30.13% 0.1093 267.23) 82.5%, oklch(29.41% 0.1055 268.23) 84.1%, oklch(28.69% 0.1016 269.26) 85.7%, oklch(27.97% 0.0978 270.31) 87.3%, oklch(27.27% 0.0940 271.35) 88.9%, oklch(26.59% 0.0903 272.37) 90.5%, oklch(25.95% 0.0868 273.33) 92.1%, oklch(25.36% 0.0835 274.22) 93.7%, oklch(24.82% 0.0806 275.02) 95.2%, oklch(24.34% 0.0781 275.70) 96.8%, oklch(23.94% 0.0760 276.25) 98.4%, oklch(23.62% 0.0744 276.64) 100.0%);Trong các bộ sưu tập này
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
