Xanh lá, xanh dương và xanh cổ vịt (ba tông) (gradient tuyến tính)
Gradient tuyến tính, 56 màu, góc 135°: #abbc80, #4c999e, #536995, #137e96, #409660. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
3 keyframe OKLCH chỉnh sửa được.
- #abbc80
- #a6bc80
- #a1bb81
- #9ab983
- #93b884
- #8bb687
- #83b589
- #7bb28c
- #72b08f
- #6aad92
- #62a995
- #5ba698
- #55a29a
- #509e9d
- #4c999e
- #4a95a0
- #4990a1
- #498ca1
- #4a87a1
- #4c83a0
- #4d7e9f
- #4f7a9e
- #50779c
- #52739b
- #537099
- #536e98
- #546c97
- #546a96
- #536995
- #526995
- #516995
- #4f6995
- #4c6a96
- #496b97
- #466c98
- #416e98
- #3c7099
- #377399
- #307599
- #287899
- #1f7b98
- #137e96
- #018194
- #008391
- #00868d
- #008889
- #008b86
- #008d82
- #008f7d
- #089178
- #199374
- #25946f
- #2e956b
- #369567
- #3c9663
- #409660
CSS
background: linear-gradient(135deg in oklch, oklch(76.77% 0.0841 121.64) 0.0%, oklch(76.28% 0.0838 124.56) 1.8%, oklch(75.68% 0.0835 128.13) 3.6%, oklch(74.99% 0.0831 132.29) 5.5%, oklch(74.22% 0.0827 136.99) 7.3%, oklch(73.38% 0.0822 142.17) 9.1%, oklch(72.47% 0.0816 147.77) 10.9%, oklch(71.50% 0.0810 153.74) 12.7%, oklch(70.48% 0.0804 160.02) 14.5%, oklch(69.41% 0.0797 166.56) 16.4%, oklch(68.32% 0.0791 173.29) 18.2%, oklch(67.20% 0.0784 180.16) 20.0%, oklch(66.06% 0.0777 187.11) 21.8%, oklch(64.91% 0.0770 194.09) 23.6%, oklch(63.76% 0.0764 201.04) 25.5%, oklch(62.62% 0.0758 207.91) 27.3%, oklch(61.50% 0.0752 214.63) 29.1%, oklch(60.40% 0.0747 221.15) 30.9%, oklch(59.33% 0.0742 227.41) 32.7%, oklch(58.30% 0.0738 233.36) 34.5%, oklch(57.32% 0.0735 238.94) 36.4%, oklch(56.40% 0.0733 244.09) 38.2%, oklch(55.54% 0.0731 248.76) 40.0%, oklch(54.76% 0.0731 252.88) 41.8%, oklch(54.06% 0.0732 256.41) 43.6%, oklch(53.45% 0.0734 259.29) 45.5%, oklch(52.93% 0.0737 261.45) 47.3%, oklch(52.52% 0.0741 262.85) 49.1%, oklch(52.23% 0.0747 263.43) 50.9%, oklch(52.03% 0.0755 263.23) 52.7%, oklch(51.92% 0.0765 262.29) 54.5%, oklch(51.89% 0.0776 260.67) 56.4%, oklch(51.94% 0.0789 258.42) 58.2%, oklch(52.06% 0.0803 255.60) 60.0%, oklch(52.24% 0.0818 252.26) 61.8%, oklch(52.48% 0.0834 248.44) 63.6%, oklch(52.78% 0.0852 244.20) 65.5%, oklch(53.12% 0.0870 239.60) 67.3%, oklch(53.51% 0.0888 234.68) 69.1%, oklch(53.93% 0.0907 229.50) 70.9%, oklch(54.38% 0.0927 224.10) 72.7%, oklch(54.85% 0.0947 218.55) 74.5%, oklch(55.34% 0.0967 212.89) 76.4%, oklch(55.84% 0.0958 207.19) 78.2%, oklch(56.35% 0.0958 201.47) 80.0%, oklch(56.86% 0.0969 195.80) 81.8%, oklch(57.36% 0.0990 190.23) 83.6%, oklch(57.85% 0.1020 184.82) 85.5%, oklch(58.32% 0.1061 179.61) 87.3%, oklch(58.77% 0.1097 174.67) 89.1%, oklch(59.19% 0.1113 170.04) 90.9%, oklch(59.57% 0.1127 165.77) 92.7%, oklch(59.91% 0.1140 161.91) 94.5%, oklch(60.21% 0.1152 158.52) 96.4%, oklch(60.45% 0.1163 155.64) 98.2%, oklch(60.63% 0.1171 153.34) 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
