Xanh hải quân, xanh cổ vịt, xám và tím (gradient tuyến tính)
Gradient tuyến tính, 48 màu, góc 135°: #45446a, #2c534d, #f5f7ef, #7e6c8d, #6b5c81. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #45446a
- #424569
- #3c4568
- #364566
- #2e4462
- #26445e
- #1f445a
- #194455
- #154550
- #16474c
- #1a494a
- #224d4a
- #2c534d
- #395c53
- #4a695e
- #5d786d
- #728a7e
- #889c91
- #9fafa4
- #b5c2b8
- #c9d4ca
- #dbe3da
- #e9eee7
- #f2f6ee
- #f5f7ef
- #f4f4ea
- #f0ece0
- #e9dfd3
- #e0d0c5
- #d6bfb8
- #c9adac
- #ba9ba2
- #aa8c9b
- #997e95
- #8a7490
- #7e6c8d
- #75688a
- #6e6488
- #696287
- #676085
- #655f84
- #655e84
- #665d83
- #685d83
- #695d83
- #6a5d82
- #6b5d82
- #6b5c81
CSS
background: linear-gradient(135deg in oklch, oklch(40.55% 0.0620 284.77) 0.0%, oklch(40.36% 0.0613 279.61) 2.1%, oklch(39.87% 0.0606 272.95) 4.3%, oklch(39.18% 0.0597 265.05) 6.4%, oklch(38.38% 0.0588 256.17) 8.5%, oklch(37.60% 0.0577 246.58) 10.6%, oklch(36.93% 0.0565 236.54) 12.8%, oklch(36.48% 0.0552 226.31) 14.9%, oklch(36.36% 0.0537 216.16) 17.0%, oklch(36.66% 0.0521 206.36) 19.1%, oklch(37.49% 0.0504 197.16) 21.3%, oklch(38.97% 0.0484 188.83) 23.4%, oklch(41.20% 0.0463 181.64) 25.5%, oklch(44.67% 0.0435 175.75) 27.7%, oklch(49.32% 0.0401 170.93) 29.8%, oklch(54.85% 0.0363 166.89) 31.9%, oklch(60.99% 0.0321 163.35) 34.0%, oklch(67.44% 0.0279 160.01) 36.2%, oklch(73.92% 0.0238 156.57) 38.3%, oklch(80.14% 0.0200 152.76) 40.4%, oklch(85.82% 0.0166 148.28) 42.6%, oklch(90.66% 0.0138 142.83) 44.7%, oklch(94.38% 0.0119 136.13) 46.8%, oklch(96.70% 0.0110 127.88) 48.9%, oklch(97.36% 0.0113 117.69) 51.1%, oklch(96.44% 0.0129 104.98) 53.2%, oklch(94.20% 0.0156 90.13) 55.3%, oklch(90.90% 0.0191 73.68) 57.4%, oklch(86.78% 0.0233 56.18) 59.6%, oklch(82.09% 0.0279 38.14) 61.7%, oklch(77.09% 0.0328 20.10) 63.8%, oklch(72.02% 0.0376 2.60) 66.0%, oklch(67.13% 0.0423 346.17) 68.1%, oklch(62.67% 0.0466 331.34) 70.2%, oklch(58.89% 0.0503 318.65) 72.3%, oklch(56.05% 0.0532 308.63) 74.5%, oklch(54.15% 0.0552 301.51) 76.6%, oklch(52.73% 0.0568 296.64) 78.7%, oklch(51.69% 0.0580 293.70) 80.9%, oklch(50.99% 0.0588 292.37) 83.0%, oklch(50.57% 0.0594 292.33) 85.1%, oklch(50.36% 0.0598 293.29) 87.2%, oklch(50.31% 0.0600 294.92) 89.4%, oklch(50.36% 0.0602 296.92) 91.5%, oklch(50.45% 0.0602 298.98) 93.6%, oklch(50.52% 0.0603 300.78) 95.7%, oklch(50.53% 0.0604 302.02) 97.9%, oklch(50.39% 0.0606 302.38) 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
