Xanh hải quân, xanh lá, xám và nâu vàng (gradient tuyến tính)
Gradient tuyến tính, 56 màu, góc 135°: #45446a, #82bc85, #91ab7a, #7e9b7e, #f3de9b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #45446a
- #45496f
- #454f75
- #44567c
- #425e84
- #3e688b
- #3a7291
- #377d95
- #358898
- #379398
- #3f9d97
- #4ca793
- #5daf8f
- #6fb68a
- #82bc85
- #93c181
- #a2c47d
- #aec67b
- #b8c779
- #bec879
- #c0c779
- #c0c579
- #bdc379
- #b8c079
- #b2bd79
- #aab979
- #a2b57a
- #9ab07a
- #91ab7a
- #89a67a
- #82a17a
- #7c9c79
- #779879
- #739478
- #709178
- #6f8f78
- #6e8f78
- #6f8f78
- #729179
- #75937a
- #79977c
- #7e9b7e
- #84a080
- #8ba582
- #93ab84
- #9cb086
- #a5b688
- #afbc8a
- #b9c28d
- #c3c78f
- #cdcc91
- #d6d193
- #dfd595
- #e7d897
- #eedb99
- #f3de9b
CSS
background: linear-gradient(135deg in oklch, oklch(40.55% 0.0620 284.77) 0.0%, oklch(41.83% 0.0634 279.41) 1.8%, oklch(43.48% 0.0652 272.62) 3.6%, oklch(45.43% 0.0675 264.59) 5.5%, oklch(47.66% 0.0700 255.49) 7.3%, oklch(50.10% 0.0729 245.51) 9.1%, oklch(52.72% 0.0759 234.83) 10.9%, oklch(55.46% 0.0791 223.63) 12.7%, oklch(58.27% 0.0823 212.09) 14.5%, oklch(61.12% 0.0855 200.39) 16.4%, oklch(63.94% 0.0887 188.72) 18.2%, oklch(66.70% 0.0917 177.26) 20.0%, oklch(69.34% 0.0945 166.18) 21.8%, oklch(71.82% 0.0970 155.67) 23.6%, oklch(74.08% 0.0992 145.91) 25.5%, oklch(76.09% 0.1011 137.09) 27.3%, oklch(77.80% 0.1024 129.38) 29.1%, oklch(79.15% 0.1032 122.96) 30.9%, oklch(80.10% 0.1034 118.03) 32.7%, oklch(80.60% 0.1029 114.69) 34.5%, oklch(80.65% 0.1017 112.77) 36.4%, oklch(80.29% 0.0997 112.12) 38.2%, oklch(79.59% 0.0972 112.59) 40.0%, oklch(78.59% 0.0942 114.03) 41.8%, oklch(77.35% 0.0907 116.29) 43.6%, oklch(75.91% 0.0869 119.23) 45.5%, oklch(74.32% 0.0829 122.70) 47.3%, oklch(72.64% 0.0788 126.54) 49.1%, oklch(70.91% 0.0745 130.62) 50.9%, oklch(69.20% 0.0704 134.79) 52.7%, oklch(67.54% 0.0664 138.89) 54.5%, oklch(66.00% 0.0625 142.78) 56.4%, oklch(64.61% 0.0591 146.31) 58.2%, oklch(63.45% 0.0560 149.34) 60.0%, oklch(62.54% 0.0534 151.71) 61.8%, oklch(61.95% 0.0514 153.29) 63.6%, oklch(61.73% 0.0501 153.91) 65.5%, oklch(61.92% 0.0495 153.47) 67.3%, oklch(62.48% 0.0496 152.19) 69.1%, oklch(63.35% 0.0503 150.26) 70.9%, oklch(64.50% 0.0515 147.74) 72.7%, oklch(65.89% 0.0532 144.71) 74.5%, oklch(67.48% 0.0552 141.25) 76.4%, oklch(69.24% 0.0576 137.43) 78.2%, oklch(71.14% 0.0602 133.35) 80.0%, oklch(73.13% 0.0631 129.06) 81.8%, oklch(75.17% 0.0660 124.66) 83.6%, oklch(77.24% 0.0691 120.21) 85.5%, oklch(79.29% 0.0721 115.80) 87.3%, oklch(81.29% 0.0751 111.50) 89.1%, oklch(83.20% 0.0780 107.39) 90.9%, oklch(84.99% 0.0806 103.55) 92.7%, oklch(86.62% 0.0830 100.06) 94.5%, oklch(88.04% 0.0852 96.99) 96.4%, oklch(89.24% 0.0869 94.42) 98.2%, oklch(90.16% 0.0882 92.44) 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
