Xanh dương, nâu, xanh hải quân và xám (gradient xuyên tâm)
Gradient xuyên tâm, 56 màu: #47828d, #275e5d, #464324, #263443, #a18eac. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #47828d
- #467f8b
- #457c8a
- #437788
- #427285
- #416d82
- #40687f
- #3f637b
- #3d5e77
- #3a5b73
- #375970
- #32586d
- #2d5969
- #285b64
- #275e5d
- #2e6053
- #3c6147
- #4d613c
- #5c5f33
- #695c30
- #725931
- #775634
- #775436
- #745235
- #6f4f31
- #674c2d
- #5d4929
- #524626
- #464324
- #3b4025
- #313c26
- #283928
- #213629
- #1d342b
- #1b332d
- #193230
- #183132
- #193135
- #1b3138
- #1d313c
- #21323f
- #263443
- #2b3647
- #31384b
- #373b50
- #3f4055
- #47465c
- #514d65
- #5c566e
- #675f78
- #736883
- #7e718d
- #897a97
- #92829f
- #9b89a6
- #a18eac
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(57.09% 0.0634 210.94) 0.0%, oklch(56.33% 0.0629 212.92) 1.8%, oklch(55.29% 0.0621 216.41) 3.6%, oklch(54.03% 0.0612 220.92) 5.5%, oklch(52.62% 0.0602 225.95) 7.3%, oklch(51.13% 0.0592 231.01) 9.1%, oklch(49.61% 0.0581 235.60) 10.9%, oklch(48.15% 0.0572 239.23) 12.7%, oklch(46.80% 0.0563 241.39) 14.5%, oklch(45.63% 0.0556 241.61) 16.4%, oklch(44.70% 0.0552 239.37) 18.2%, oklch(44.09% 0.0551 234.19) 20.0%, oklch(43.87% 0.0555 224.76) 21.8%, oklch(44.01% 0.0563 210.85) 23.6%, oklch(44.43% 0.0576 193.52) 25.5%, oklch(45.04% 0.0590 173.86) 27.3%, oklch(45.76% 0.0606 152.92) 29.1%, oklch(46.51% 0.0622 131.79) 30.9%, oklch(47.19% 0.0635 111.55) 32.7%, oklch(47.73% 0.0646 93.26) 34.5%, oklch(48.04% 0.0653 78.01) 36.4%, oklch(48.04% 0.0654 66.85) 38.2%, oklch(47.64% 0.0648 60.88) 40.0%, oklch(46.76% 0.0633 60.05) 41.8%, oklch(45.45% 0.0611 63.21) 43.6%, oklch(43.80% 0.0582 69.73) 45.5%, oklch(41.91% 0.0548 78.98) 47.3%, oklch(39.89% 0.0512 90.34) 49.1%, oklch(37.82% 0.0475 103.17) 50.9%, oklch(35.81% 0.0438 116.86) 52.7%, oklch(33.96% 0.0403 130.78) 54.5%, oklch(32.36% 0.0373 144.29) 56.4%, oklch(31.11% 0.0348 156.78) 58.2%, oklch(30.31% 0.0331 167.61) 60.0%, oklch(29.86% 0.0320 177.70) 61.8%, oklch(29.58% 0.0313 188.24) 63.6%, oklch(29.47% 0.0311 199.09) 65.5%, oklch(29.54% 0.0311 210.06) 67.3%, oklch(29.81% 0.0315 220.99) 69.1%, oklch(30.28% 0.0320 231.72) 70.9%, oklch(30.95% 0.0327 242.08) 72.7%, oklch(31.83% 0.0334 251.90) 74.5%, oklch(32.93% 0.0343 261.01) 76.4%, oklch(34.26% 0.0351 269.25) 78.2%, oklch(35.83% 0.0358 276.46) 80.0%, oklch(37.83% 0.0366 282.66) 81.8%, oklch(40.40% 0.0377 288.05) 83.6%, oklch(43.39% 0.0388 292.73) 85.5%, oklch(46.69% 0.0401 296.75) 87.3%, oklch(50.16% 0.0415 300.21) 89.1%, oklch(53.67% 0.0429 303.18) 90.9%, oklch(57.10% 0.0442 305.74) 92.7%, oklch(60.30% 0.0455 307.97) 94.5%, oklch(63.16% 0.0466 309.94) 96.4%, oklch(65.55% 0.0475 311.74) 98.2%, oklch(67.32% 0.0482 313.44) 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
