Xanh lá, nâu vàng, tím và nâu (gradient tuyến tính)
Gradient tuyến tính, 56 màu, góc 45°: #5a823a, #8eb36c, #99c175, #7c5787, #b2734e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #5a823a
- #5c843c
- #5f863f
- #638942
- #678d46
- #6b914a
- #6f954e
- #749952
- #789d57
- #7da25b
- #81a65f
- #85aa63
- #89ad66
- #8cb06a
- #8eb36c
- #90b66f
- #90b973
- #8fbc77
- #8ebf7c
- #8cc280
- #8ac585
- #88c888
- #87c98b
- #86cb8d
- #86cb8d
- #88ca8a
- #8cc986
- #91c67f
- #99c175
- #a2b968
- #adaf5b
- #b7a350
- #be954b
- #c1874f
- #bf7a58
- #ba6f63
- #b0676e
- #a46178
- #985d7f
- #8c5a84
- #825886
- #7c5787
- #795687
- #795686
- #7c5685
- #815683
- #885780
- #90587b
- #985a76
- #9f5d70
- #a56069
- #aa6462
- #ae685b
- #b06c55
- #b27051
- #b2734e
CSS
background: linear-gradient(45deg in oklch, oklch(55.91% 0.1102 132.89) 0.0%, oklch(56.60% 0.1100 132.79) 1.8%, oklch(57.50% 0.1096 132.64) 3.6%, oklch(58.56% 0.1092 132.45) 5.5%, oklch(59.76% 0.1087 132.24) 7.3%, oklch(61.07% 0.1081 132.01) 9.1%, oklch(62.44% 0.1075 131.77) 10.9%, oklch(63.86% 0.1070 131.54) 12.7%, oklch(65.28% 0.1064 131.32) 14.5%, oklch(66.69% 0.1059 131.12) 16.4%, oklch(68.03% 0.1055 130.95) 18.2%, oklch(69.29% 0.1051 130.83) 20.0%, oklch(70.43% 0.1049 130.75) 21.8%, oklch(71.42% 0.1047 130.74) 23.6%, oklch(72.24% 0.1047 130.83) 25.5%, oklch(73.02% 0.1050 131.61) 27.3%, oklch(73.81% 0.1055 133.14) 29.1%, oklch(74.60% 0.1062 135.22) 30.9%, oklch(75.35% 0.1070 137.61) 32.7%, oklch(76.05% 0.1079 140.12) 34.5%, oklch(76.67% 0.1089 142.51) 36.4%, oklch(77.20% 0.1098 144.58) 38.2%, oklch(77.61% 0.1106 146.10) 40.0%, oklch(77.88% 0.1114 146.85) 41.8%, oklch(77.99% 0.1119 146.63) 43.6%, oklch(77.91% 0.1122 145.21) 45.5%, oklch(77.63% 0.1122 142.38) 47.3%, oklch(77.12% 0.1119 137.92) 49.1%, oklch(76.33% 0.1112 131.44) 50.9%, oklch(75.10% 0.1100 122.07) 52.7%, oklch(73.48% 0.1084 110.13) 54.5%, oklch(71.54% 0.1064 96.14) 56.4%, oklch(69.35% 0.1042 80.62) 58.2%, oklch(67.00% 0.1018 64.09) 60.0%, oklch(64.56% 0.0993 47.08) 61.8%, oklch(62.10% 0.0968 30.12) 63.6%, oklch(59.70% 0.0943 13.71) 65.5%, oklch(57.45% 0.0920 358.39) 67.3%, oklch(55.41% 0.0899 344.67) 69.1%, oklch(53.66% 0.0880 333.07) 70.9%, oklch(52.28% 0.0866 324.13) 72.7%, oklch(51.34% 0.0856 318.36) 74.5%, oklch(50.88% 0.0851 316.08) 76.4%, oklch(50.82% 0.0850 316.85) 78.2%, oklch(51.10% 0.0852 320.24) 80.0%, oklch(51.67% 0.0857 325.83) 81.8%, oklch(52.47% 0.0865 333.21) 83.6%, oklch(53.45% 0.0874 341.94) 85.5%, oklch(54.55% 0.0885 351.62) 87.3%, oklch(55.74% 0.0896 1.81) 89.1%, oklch(56.94% 0.0908 12.11) 90.9%, oklch(58.11% 0.0919 22.10) 92.7%, oklch(59.20% 0.0930 31.34) 94.5%, oklch(60.15% 0.0939 39.43) 96.4%, oklch(60.91% 0.0946 45.95) 98.2%, oklch(61.42% 0.0951 50.46) 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
